两种方法创建vue3的项目

1.一共有两种方式:

vue/cli

vite

2.

vue/cli是基于webpack

 

 

这样就可以在全局安装vue/cli,输入命令,查看安装是否成功

 

能出现对应的vue/cli的版本,即为安装成功。

在这一步过程中,很可能会出错,出错率10%左右,如果安装明明成功了,但是无法显示版本号,并且提示`vue not ...command`,则为环境变量需要配置。

 

查看全局环境下,包安装路径,复制其,配置电脑的环境变量,重启cmd即可。

vue/cli安装成功后,即可新建项目

使用`vue/cli`新建项目有两种方式

3. 命令行新建

中间经过若干步骤,按需导入使用。

 

 

4.使用vite新建

不基于webpack,速度更快,体积更小,仅支持vue3.x,不支持2.x,并且目前还不是很稳定,正在完善中,建议将来使用。

 

如果报错:

输入y进行安装`create-vite-app`即可。

5.项目目录

 

 

 

 

 

 

 

 

 

 

 

posted @ 2022-05-08 22:32  三镹  阅读(1009)  评论(0)    收藏  举报