Bootstrap

ESlint代码规范


ESlint代码规范

代码规范:一套写代码的约定规则。例如:“赋值符号左右是否需要空格” “一行代码结束是否要加分号”

JavaScript Standard Style规范说明:https://standardjs.com/rules-zhcn.html

规则部分举例:

  • 字符串使用单引号 —— ‘abc’
  • 无分号 —— const a = 'zs'
  • 关键字后加空格 —— if (name = 'ls'){...}
  • 函数名后加空格 —— function name (arg){...}
  • 尽量使用全等(=)而不是双等()

解决代码规范错误

  1. 手动修正:

    根据错误提示来一项一项手动修改

    如果不认识命令行中的语法报错是什么意思,根据错误代码去【ESLint规则表】中查找具体含义。

  2. 自动修正:

    基于vscode插件ESLint高亮错误,并通过配置自动帮助修复错误。

    // 当保存时,eslint自动帮我们修复错误
    "editor.codeActionsOnSave": {
        "Source.fixAll": true
    },
    // 保存代码,不自动格式化
    "editor.formatOnSave": false
    
;