eslint的配置

1. 根目录加  .eslintrc.js  文件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

// .eslintrc.js 文件 module.exports = {   env: {     browser: true,     es2021: true,     node: true   },   extends: [     'standard',     // 新增这里vue3支持     'plugin:vue/vue3-recommended'   ],   // 新的内容   parserOptions: {     ecmaVersion: 6,     sourceType: 'module',     ecmaFeatures: {       modules: true     },     requireConfigFile: false,     parser: '@typescript-eslint/parser'   },   plugins: [     'vue'   ],   rules: {     semi: [2, 'never'], // 禁止尾部使用分号“ ; ”     'no-var': 'error', // 禁止使用 var     indent: ['error', 2], // 缩进2格     'no-mixed-spaces-and-tabs': 'error', // 不能空格与tab混用     quotes: [2, 'single'], // 使用单引号     'vue/html-closing-bracket-newline': 'off', // 不强制换行     'vue/singleline-html-element-content-newline': 'off', // 不强制换行     'vue/max-attributes-per-line': ['error', {       singleline: { max: 5 },       multiline: { max: 5 }     }] // vue template模板元素第一行最多5个属性     // 其它的规则可以去eslint查看，根据自己需要进行添加   } }

 .eslintignore   文件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

*.sh node_modules *.md *.woff *.ttf .vscode .idea dist /public /docs .husky .local /bin Dockerfile components.d.ts components.d.ts

?

1	根目录下  .vscode 文件夹 里加 <br>settings.json

?

1 2 3 4 5 6 7 8 9 10 11 12 13

{   "editor.codeActionsOnSave": {     "source.fixAll": true,     "source.fixAll.eslint": true   },   "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],   "eslint.alwaysShowStatus": true,   "stylelint.enable": true,   "prettier.semi": false,   "prettier.singleQuote": true,   "prettier.bracketSpacing": true,   "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass"] }

 

下载 eslint 包

?

1

<br><br>