目标:认识代码规范
代码规范:一套写代码的约定规定。例如:"赋值符号的左右是否需要空格""一句结束是否要加"
下面是这份规则中的一部分:
字符串使用单引号 'abc'
无分号 const name='zs'
关键字后加空格 if (name='ls'){...}
函数名后加空格 function name (arg){...}
坚持使用全等 ==崛弃==
目标:学会解决代码规范错误
如果你的代码不符合standard的要求,ESlint会跳出来刀子嘴,豆腐心的提示你
比如:在main.js中随意一些改动,添加一些分号空行。
两种解决方案:
1.手动修正
根据错误提示来一项一项手动修改纠正
如果不认识命令行中的语法错误信息,根据错误代码去[ESlint规则表中]查找其具体含义
semi:不允许添加分号
no-multiple-emp:不允许额外回车,行间只允许空一行
2.自动修正(推荐用法)
基于vscode插件ESlint高亮错误,并通过配置自动帮助我们修复错误
3.打开vscode设置,配置插件代码
4.配置完成,ctrl+s即可自动修复eslint代码错误