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

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

111.png

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

222.png

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

333.png

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

444.png

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

555.png

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

1:打开图形界面

vue ui

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

(1):创建项目

666.png

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

777.png

(3):预安装插件

888.png

(4):选择VUE版本等

999.png

(5):创建成功

101010.png

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

欢迎访问个人博客
https://guanchao.site

你可能感兴趣的:(VUE3(二)使用vue-cli创建一个项目)