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

1.png

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

2.png

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

1:打开图形界面

vue ui

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

(1):创建项目

在这里插入图片描述

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

在这里插入图片描述

(3):预安装插件

在这里插入图片描述

(4):选择VUE版本等

9.png

(5):创建成功

在这里插入图片描述

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

欢迎访问小程序:

在这里插入图片描述


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM