我爱模板网 > 建站教程 > 前端框架 >  VUE3安装和创建项目正文

VUE3安装和创建项目

首先,在安装VUE3之前,请先卸载已经安装的VUE2,即卸载vue-cli:
npm uninstall -g @vue/cli
一、通过Vue-cli创建我们的项目
1、全局安装Vue-cli:
yarn global add @vue/cli
# OR
npm install -g @vue/cli
# OR
cnpm install -g @vue/cli
如果电脑上面没有安装过cnpm可以通过下面命令安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果电脑上面没有安装过yarn可以通过下面命令安装:
npm i -g yarn
2、通过Vue-cli创建项目
vue create hello-vue3

二、通过Vite脚手架创建我们的项目

1、使用npm创建
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
2、使用yarn创建
yarn create vite-app <project-name>
cd <project-name>
yarn
yarn dev
这里要注意:如果使用vite前,仍然要安装vue-cli脚手架,因为vue3是跟着最新版vue-cli安装的。

更多请查看:vue2.X和vue3.X的区别

部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:vue2.X和vue3.X的区别 下一篇:Vue props中Object和Array设置默认值
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢