Setting up ESLint in your JavaScript Project with VS Code (在VS Code中配置ESLint)

我曾两次遇到这个问题，两次花时间去解决这个问题，为了避免以后遇到同样的问题，我将此记录于此。

https://dev.to/iamdammak/setting-up-eslint-in-your-javascript-project-with-vs-code-2amf 这个文章不仅讲述如何在VS Code中配置ESLINT（HOW），也讲述其中一些步骤的原因（WHY)。

我目前在用的配置文件，大家可以自己配置：

module.exports = {
  'parser': 'babel-eslint',
  'env': {
    'browser': true,
    'mocha': true,
    'es6': true,
    'jquery': true,
  },
  'extends': 'airbnb-base/legacy',
  'rules': {
    'indent': ['error', 4],
    'no-underscore-dangle': 'off',
    'max-len': ['error', 150, 4, {
      ignoreUrls: true,
      ignoreComments: false,
      ignoreRegExpLiterals: true,
      ignoreStrings: true,
      ignoreTemplateLiterals: true,
    }],
    'one-var': 'off',
    'default-case':'off',
    'no-multi-assign': 'off',
    'vars-on-top': 'off',
    'func-names': 'off',
    'no-eval': 'off',
    'global-require': 'off',
    'radix': ['error', 'as-needed'],
    'no-plusplus': 'off',
    'no-param-reassign': 'off',
    'camelcase': 'off',
    'spaced-comment': 'off',
    'no-continue': 'off',
    'eol-last': 'off',
    'no-bitwise': 'off',
  },
  'globals': {
    'mstrmojo': true,
    'mstrApp': true,
    'mstrConfig': true,
    'self': true,
    'ActiveXObject': true,
    'microstrategy': true,
    'mstrMobileApp': true,
    'mstr_profile': true,
    'global': true,
  },
};

另外：你必需知道VS Code可以根据其偏好设置读取ESlint规则文件，从而标红那些违反规则的代码。
其偏好设置有两者，分别是User preference和Workspace preference，入口是：Code - preference - 搜索ESLint - Edit in settings.json

eslint.options指定了VSCode会读取的规则文件的位置。

标签：Code,off,no,VS,ESLint,true,preference
来源： https://blog.csdn.net/huangpin815/article/details/100065943