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
Setting up ESLint in your JavaScript Project with VS Code (在VS Code中配置ESLint)
eslint.options指定了VSCode会读取的规则文件的位置。
Setting up ESLint in your JavaScript Project with VS Code (在VS Code中配置ESLint)

上一篇:IEDA的程序调试debug


下一篇:IEDA配置tomcat9