VUE3(二)使用vue-cli创建一个项目

1,253 阅读1分钟

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:选择安装版本,我们选择第三个自定义安装

1.png

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

2.png

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

三:使用图形界面创建项目

1:打开图形界面

vue ui

2:创建步骤是与使用命令行创建是一样的。

(1):创建项目

在这里插入图片描述

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

在这里插入图片描述

(3):预安装插件

在这里插入图片描述

(4):选择VUE版本等

9.png

(5):创建成功

在这里插入图片描述

有好的建议,请在下方输入你的评论。

欢迎访问个人博客 guanchao.site