VS Code配置ESLint

本文介绍了如何在Visual Studio Code中配置和使用ESLint。首先通过npm全局安装ESLint,然后在VS Code安装相应插件并重启。接着在项目内初始化ESLint,生成.eslintrc.js配置文件,根据个人需求定制规则。最后,在VS Code的设置中配置ESLint的配置文件路径,完成集成。
摘要由CSDN通过智能技术生成
  1. 打开终端,运行npm install eslint -g全局下载ESLint。

  2. 打开VS Code,下载eslint插件,重新加载以生效。

  3. 进入要使用ESLint的项目,打开终端输入eslint --init进行初始化。
    ESLint初始化

  4. 设置完成后会在当前目录下生成一个名为.eslintrc.js 的配置文件,可以自己按个人喜好进行配置。

  5. 接下来在文件=>首选项=>设置内找到ESLint选项配置我们的.eslintrc.js 的配置文件地址就完成了。

"eslint.options": {
   
        "configFile": "E:/code/project/.eslintrc.js"
}
  1. 附上ESLint的一些配置,当然我也是借鉴了别人的配置的啦(需要注意的是,有几条配置最新的ESLint已经废弃了)。
module.exports = {
   
    "env": {
   
        "browser": true,
        "commonjs": true,
        "es6": true,
        "jquery": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
   
        "sourceType": "module",
        "ecmaVersion": [6,7,8]
    },
    "rules": {
   
        "no-alert": 0,//禁止使用alert confirm prompt
        "no-array-constructor": 2,//禁止使用数组构造器
        "no-bitwise": 0,//禁止使用按位运算符
        "no-caller": 1,//禁止使用arguments.caller或arguments.callee
        "no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名
        "no-class-assign": 2,//禁止给类赋值
        "no-cond-assign": 2,//禁止在条件表达式中使用赋值语句
        "no-console": 0,//禁止使用console
        "no-const-assign": 2,//禁止修改const声明的变量
        "no-constant-condition": 2,//禁止在条件中使用常量表达式 if(true) if(1)
        "no-continue": 0,//禁止使用continue
        "no-control-regex": 2,//禁止在正则表达式中使用控制字符
        "no-debugger": 2,//禁止使用debugger
        "no-delete-var": 2,//不能对var声明的变量使用delete操作符
        "no-div-regex": 1,//不能使用看起来像除法的正则表达式/=foo/
        "no-dupe-keys": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}
        "no-dupe-args": 2,//函数参数不能重复
        "no-duplicate-case": 2,//switch中的case标签不能重复
        "no-else-return": 2,//如果if语句里面有return,后面不能跟else语句
        "no-empty": 2,//块语句中的内容不能为空
        "no-empty-character-class": 2,//正则表达式中的[]内容不能为空
        "no-eq-null": 2,//禁止对null使用==或!=运算符
        "no-eval": 1,//禁止使用eval
        "no-ex-assign": 2,//禁止给catch语句中的异常参数赋值
        "no-extend-native": 2,//禁止扩展native对象
        "no-extra-bind": 2,//禁止不必要的函数绑定
        "no-extra-boolean-cast": 2,//禁止不必要的bool转换
        "no-extra-parens": 2,//禁止非必要的括号
        "no-extra-semi": 2,//禁止多余的冒号
        "no-fallthrough": 1,//禁止switch穿透
        "no-floating-decimal": 2,//禁止省略浮
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值