44 - ESLint 代码规范

目标: 认识代码规范

代码规范: 一套写代码的约定规则。例如: "赋值符号的左右是否需要空格" "一句结束是否是要加 ; " ...

老话说:"没有规矩不成方圆" -> 正规的团队 需要 统一的编码风格

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