VUE3官方推荐使用vite来构建项目,但是并不是说之前使用vue-cli创建项目就不行了。
使用vue-cli创建项目,要确保你的vue-cli的版本要大于4.5.6.
一:安装vue-cli
建议使用 npm 安装
Yarn 安装不会默认安装 vue 命令。
1:命令
npm install -g @vue/cli
2:升级命令
npm update -g @vue/cli
3:查看版本
vue --version
二:使用命令行创建项目
vue create vue3-test
大概需要以下几个步骤:
1:选择安装版本,我们选择第三个自定义安装

2:选择你安装的插件,使用空格选择/取消

3:选择vue版本,我们选择3.x

4:选择你要的代码风格,路由是否使用历史模式,以及代码检索模式

5:创建成功,会显示两条命令。使用这两条命令,即可运行项目

三:使用图形界面创建项目
1:打开图形界面
vue ui
2:创建步骤是与使用命令行创建是一样的。
(1):创建项目

(2):选择创建项目模式

(3):预安装插件

(4):选择VUE版本等

(5):创建成功

有好的建议,请在下方输入你的评论。
欢迎访问个人博客
https://guanchao.site
网友评论