目标: 认识代码规范
代码规范: 一套写代码的约定规则。例如: "赋值符号的左右是否需要空格" "一句结束是否是要加 ; " ...
老话说:"没有规矩不成方圆" -> 正规的团队 需要 统一的编码风格
JavaScript Standard Style 规范说明: https://standardjs.com/rules-zhcn.html
下面是这份规则中的一小部分:
(1). 字符串使用单引号 'abc'
(2). 无分号 const name ='zs'
(3). 关键字后加空格 if (name = 'ls') { ... }
(4). 函数名后加空格 function name (arg){ ... }
(5). 坚持使用全等 === 摒弃 ==
......
目标: 学会解决代码规范错误
如果你的代码不符合 standard 的要求,ESlint 会跳出来刀子嘴,豆腐心地提示你。
比如:在main.js中随意做一些改动,添加一些分号,空行。
两种解决方案:
(1). 手动修正
根据错误提示来一项一项手动修改纠正
如果你不认识命令行中的语法报错是什么意思,根据错误代码去 [ESLint 规则表:] 中查找其具体含义; 规则参考 - ESLint - 插件化的 JavaScript 代码检查工具
(2). 自动修正
基于 vscode 插件 ESLint 高亮错误,并通过配置 自动 帮助我们修复错误。
设置中 添加配置
(1). 左下角设置
(2). 打开文件
(3). 添加以下代码
// 当保存的时候,eskint自动帮我们修复错误
"editor.codeActionsOnSave":{
"source.fixAll": true
},
//保存代码,不自动格式化
"editor.formatOnSave": false