1.下载eslint包
2添加文件.eslintrc.cjs,eslint中的配置。
module.exports = {
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:vue/vue3-essential"
],
"overrides": [
{
"env": {
"node": true
},
"files": [
".eslintrc.{js,cjs}"
],
"parserOptions": {
"sourceType": "script"
}
}
],
"parserOptions": {
"ecmaVersion": "latest",
"parser": "@typescript-eslint/parser",
"sourceType": "module"
},
"plugins": [
"@typescript-eslint",
"vue"
],
"rules": {
"indent": ["error", 2],
"linebreak-style": ["error", "unix"],
// "quotes": ["error", "single"],
"semi": ["error", "always"],
"quotes": ["error", "double"]
}
};
3.如果需要代码调试,在pageage.json中编辑。
"eslint": "eslint ."
4.下载ESlint,EditorConfig for VS Code,ESLint Chinese Rules,eslint-disable-snippets,Prettier ESLint插件。
5.查看设置中的settings配置文件,在保存时自动进行eslint效验。
//自动修复的文件类型
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
},