VUE安装vuecli脚手架并用vuecli4创建一个vue3的新项目

一、安装脚手架VUECLI

 1、安装vuecli

npm install -g @vue/cli
// OR
yarn global add @vue/cli

2、检查是否安装成功，使用

vue --version
// OR
vue -V
// 查出的结果如下
@vue/cli 4.5.12

3、升级vuecli

npm update -g @vue/cli
// 或者
yarn global upgrade --latest @vue/cli

二、创建项目

1、使用命令： vue create 项目名称

 2、如果已有同名文件夹，使用上下键选择Merge合并

3、是否使用预设的配置来安装，（预设是曾经安装过保存的配置，default相关的是脚手架自带的配置）如果是想要自定义选择使用Manually select features，选择完以后按回车进入下一步

4、使用上下键移动，按空格键来选择取消，一般项目上都是使用的如下配置（已用红字标识）如果有测试需要选择testing，选择完以后按回车进入下一步

5、使用上下键选择vue版本，选择完以后按回车进入下一步

6、是否使用history模式的路由？  我使用hash所以输入n，按回车进入下一步

      注：路由模式hash（/#/）和history(/)

7、使用上下键选择预处理器版本（我这里使用sass），按回车进入下一步

8、使用上下键选择使用何种的ESLint的配置，我使用标准模式（ESLint+Standard config），按回车进入下一步

9、选择什么时候执行使用这个Lint，我选保存的时候（Lint on save），按回车进入下一步

10、选择保存以后的配置文件放在相应的文件中，还是放在package.json中，我选择放在相应文件中，按回车进入下一步

11、之前的选择是否保存为一个预设的配置，y保存，n不保存，如果选择了y按回车，输入要保存为的名字，如果选择了n按回车。就按照这些配置去下载初始化的文件和依赖配置。

三、启动项目 npm run serve ；出现如下则启动成功

四、项目目录介绍

1、根目录package.json

2、其它目录文件介绍