- vscode安装eslint插件
- 全局安装eslint
npm i -g eslint
eslint --init #//js项目根目录运行,按照提示选择
- 项目根目录创建三个文件,然后执行
npm install
.editorconfig
root = true
[*]
end_of_line = lf
insert_final_newline = true
[*.{js,json}]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
.eslintrc.js
module.exports = {
env: {
browser: true,
commonjs: true,
es2020: true
},
extends: [
'standard'
],
parserOptions: {
ecmaVersion: 11
},
plugins: [
],
rules: {
'no-useless-constructor': 0
}
}
package.json
{
"devDependencies": {
"eslint": "^7.32.0",
"eslint-config-standard": "^16.0.3",
"eslint-plugin-import": "^2.25.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^5.1.1",
"eslint-plugin-vue": "^7.20.0"
}
}
- 修改vscode的
setting.json
{
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",
"html",
{
"language": "vue",
"autoFix": true
}
],
"workbench.colorTheme": "Default Dark+",
"markdown.preview.breaks": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"eslint.codeAction.disableRuleComment": {
"enable": true,
"location": "separateLine"
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"files.autoSave": "off",
"eslint.format.enable": true,
"explorer.confirmDragAndDrop": false,
"extensions.autoUpdate": false
}
- 重启vscode