vue-cli使用
- 删除预保留配置
- vue3创建脚手架，创建vue3-cli
删除预保留配置
效 果 图
在官方vue-cli中有说明vue-cli 例：如何删除web20-vue3
解决方案：在本地打开home页面
效 果 图
打开vuerc文件，里面就是你的预保存配置，你也可以直接删除，编辑
你也可以仿着官网，写配置
vue3创建脚手架，创建vue3-cli
test1 是项目名称，可以起任意名称
vue create test1默认安装vue2
默认安装vue3
自定义安装
Babel：把大多数浏览器不支持的ES6代码转译成ES5代码。（JavaScript 编译器，可将代码转换为向后兼容）
TypeScript：JavaScript的超集，也是ES6的超集。（编程语言，大型项目建议使用）
Progressive Web App (PWA) Support：渐进式Web应用-(APP使用)
Router：路由支持
Vuex：vue的状态管理插件
CSS Pre-processors：CSS预处理
Linter / Formatter ：代码规范检查
Unit Testing ：单元测试
E2E Testing：E2E测试
版本号选择
如果选了Bable，会问你是否使用class风格的组件语法：
是否使用class-style- component
如果选了TypeScript，是否使用babel做转义
是否使用ts格式
如果选了Router，会问是否使用history模式（路由模式history/hash）Hash模式比较简单，但链接中会加入 /# 不太好看，没有强迫症的话使用这种方式简单些。History需要后端支持。
是否使用routerVue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）
hash： 浏览器url址栏 中的 # 符号（如这个 URL：http://www.abc.com/#/hello，hash 的值为“ #/hello”），hash 不被包括在 HTTP 请求中（对后端完全没有影响），因此改变 hash 不会重新加载页面
history：利用了 HTML5 History Interface 中新增的 pushState( ) 和 replaceState( ) 方法（需要特定浏览器支持）。单页客户端应用，history mode 需要后台配置支持
如果选了CSS Pre-processors，会问使用哪种预处理类型：
选择sass/scss就选择node-sass，因为之前使用dart-sass会有图标乱码问题
如果选了Linter / Formatter，会问使用哪种检查方式：
规范代码用的，如果有较高的代码规范要求，可以自行选择。如果自己写代码，还是建议不要勾选这个，ESLint的校验很严的……要是代码莫名其妙飘红提示要缩进啊空格啊什么的，还是把项目里的ESLint检测关了吧。
选择完某种检查方式后，还会问检查的时间：
Lint on save 保存后检测 Lint and fix on commit commit时检测
这些配置相关信息分别放进各自的配置文件里，还是统一放到package.json里：
是否保存当前配置 （特性）
选择y之后就起个名字，
出来工作的人，有空记得常回家看看
