首页 > 建站教程 > 前端框架 >  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的区别