目标:认识代码规范
代码规范:一套写代码的约定规则。例如:“赋值符号的左右是否需要空格”,"一句结束是否是要加;”等
为什么要使用代码规范?
在团队开发时,提高代码的可读性。
在创建项目时,我们选择的就是一套完整的代码规范,也是使用率最高的一套,如下图:
手动修改ESlint错误
当代码不规范时,终端窗口会直接报错,并且提示 是哪一个文件,哪一行哪一列,还有错误规则。就可以根据提示去修改。
如果不会修改可以使用 规范网站:javaScript Standard Style 规范说明 在这个网页中通过后面提示的规范说明去查找错误原因。
自动修改ESlint错误
在vscode中安装一个插件。
打开vscode文件配置:
添加以下配置项:
// 当保存的时候,eslint自动帮我们修复错误
"editor.codeActionsOnSave":{
"source.fixAll": true
},
// 保存代码,不自动格式化
"editor .formatOnSave": false
接下来保存代码就会自动修复错误,自动规范了。