VUE 3.0 项目搭建流程

1、首先按照nodejs。官网：https://nodejs.org/zh-cn/download/

2、nodejs安装完成后，安装vue-cli。npm i -g @vue/cli      检查版本号：vue -V

3、新建一个空的文件夹，用vs code打开。然后在脚手架的命令窗口输入：

        vue create 项目名称

4、选择初始化的项目配置

（1）选择自动安装还是手动安装。在这里我选择最后一个手动安装，按下回车键进行选择。

（2）Vue 3提供以下特性供选择，可以根据项目需要进行选择添加的配置项，使用空格键来选中。选择完成后，按下回车键确认选择。

（3）选择Vue版本，这里选择3.x。

（4）Use history mode for router

路由模式, 是否选择history模式，启用history模式，项目build之后，可能会出现打开页面空白的情况。这里选择n。

（5） Pick a CSS pre-processor

选择一种css 预处理器，这里选择第一个。

（6）Pick a linter / formatter config

选择一种代码格式化检测工具，这里选择第一个。
*TSLint: ts格式检验工具
*ESLint with error prevention only: ESLint 只会进行错误提醒
*ESLint + Airbnb config: ESLint Airbnb标准
*ESLint + Standard config: ESLint Standard 标准
*ESLint + Prettier: ESLint（代码质量检测）+ Prettier（代码格式化工具）

 （7）Pick additional lint features

代码检查方式，保存时检查 or 提交时检查。这里选择第一个，保存时检查。

 （8）Where do you prefer placing config for Babel, PostCSS, ESLint, etc.

Babel, PostCSS, ESLin等配置文件怎么存放, 是放到单独的配置文件中还是package.json里 这里方便配置清晰好看, 选择每个配置单独文件。

（9）Save this as a preset for future projects

是否需要保存当前配置，在以后的项目中可快速构建 保存后, 后续创建项目时可以直接选择该配置, 不需单独配置，选择N。

 5、初始化配置完成后，自动开始执行项目搭建流程。

6、项目搭建流程完成后，可以看到successfully

7、最后，根据提示运行 npm run serve 项目就正式启动了。