vue cli3/4/5创建项目常用配置

进入一个目录，新建项目

输入vue create testdemo

选择自定义安装

Check the features needed for your project: 

    按 空格 是选中，按 a 是全选，按 i 是反选。

( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

   ( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行

   ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序

   ( ) Router // vue-router（vue路由）

   ( ) Vuex // vuex（vue的状态管理模式）

   ( ) CSS Pre-processors // CSS 预处理器（如：less、sass）

   ( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）

   ( ) Unit Testing // 单元测试（unit tests）

   ( ) E2E Testing // e2e（end to end） 测试

选择是否使用history router

       Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）。

       这里建议选n。这样打包出来丢到服务器上可以直接使用了，后期要用的话，也可以自己再开起来。

选yes的话需要服务器那边再进行设置

选择css 预处理器

此处本博主选择的是Sass/Scss(with dart-sass)

node-sass是自动编译实时的，dart-sass需要保存后才会生效。

sass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现。

参考https://blog.csdn.net/zz00008888/article/details/118517174

选择Eslint代码验证规则

提供一个插件化的javascript代码检测工具，ESLint + Prettier //使用较多

选择什么时候进行代码规则检测

( ) Lint on save // 保存就检测

( ) Lint and fix on commit // fix和commit时候检查

建议选择保存就检测，等到commit的时候，问题可能都已经积累很多了。

选择如何存放配置

In dedicated config files // 独立文件放置I

n package.json // 放package.json里

此处根据老习惯选择了In package.json

是否保存当前配置

键入N不记录，如果键入Y需要输入保存名字，如setting。

等待创建项目