删除vue-cli特性,vue-cli初次创建项目保存预留设置如何去掉,vue-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需要后端支持。
是否使用router

Vue-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之后就起个名字,
在这里插入图片描述

出来工作的人,有空记得常回家看看

猜你喜欢

转载自blog.csdn.net/ytfty24124/article/details/127657557