我曾两次遇到这个问题,两次花时间去解决这个问题,为了避免以后遇到同样的问题,我将此记录于此。
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会读取的规则文件的位置。