如何构建vue3.0的前端项目
1. 准备工作
- 打开cmd，检查自己的node版本，npm版本。分别输入
node -v和npm -v，检查，要求是vue cli需要v8.9 以上的。
2. 安装并检查vue cli，
- 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：
npm install webpack -g或者（npm install -g webpack），安装完成之后输入webpack -v，如上图，如果出现相应的版本号，则说明安装成功。
注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g
-
全局安装vue-cli，在cmd中输入命令:
npm install --global vue-cli -
安装完成之后输入
vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
2. 创建项目
- 在cmd当中移动到想要创建的目录下
vue create 项目名
- 选择版本
- 第一栏是自定义的项目 在最后一步可以保存 供下次使用
- 第二 第三行是默认直接创建
- 我们选择第四行 自定义创建
- 选择需要的资源 选完回车 （上下键移动，空格选中，带星号即为选中）
- Babel 这个是ES6的转换器，因为ES6是质变的一代，这个插件能够帮你把代码转换成ES5以前，现在基本没啥用。
- TypeScript 这是微软的相当于一个javascript的增强吧，这里也用不上
- Progressive Web App (PWA) Support 这个是要做App的一个支持的插件，这个要用的可以选上
- Rounter 这个是路由
- Vuex 这个是用于Vue状态管理的
- CSS Pre-processors 这个是用来优化css文件 让那些sass和less的文件可以一同被打包到最终的项目里，有webpack基础的可能有点感触
- Linter / Formatter 这个是用来检查代码规范的
- Unit Testing 单元测试 有软件测试基础的同学可能会用到 其他大概率也用不上
- E2E Testing 端到端测试 和上面一样 不搞测试的同学都用不上
- 选择vue版本
- 选择是否选择历史路由，然后回车
- 选择CSS预编译规划
- 代码检查设置，选择规范
- 第一个是只报错，不规范
- 第二个是符合airbnb规范
- 第三个是standard规范
- 第四个是这个prettier规范
- 代码设置保存 选择时间节点
- 第一行指的是每次保存时选择保存
- 第二行是打包是保存规范
- 第三方配置文件
- 第一行是放在独立的文件里面
- 第二行是放在默认生成的package.json文件里面
- 是否保存之前的配置
