VScode配置ESLint检测语法_vscode eslint 配置

{
“editor.codeActionsOnSave”: {
“source.fixAll.eslint”: true, // 明确保存时自动修复 ESLint 问题
“source.fixAll.stylelint”: “explicit” // 对于 Stylelint，保存时提示是否修复
},
“files.autoSaveDelay”: 10000,
“editor.inlineSuggest.enabled”: true,
“update.mode”: “none”,
“update.enableWindowsBackgroundUpdates”: false,
“workbench.iconTheme”: “vs-minimal”,
“[vue]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode” // Vue 文件使用 Prettier 格式化
},
“javascript.updateImportsOnFileMove.enabled”: “always”,
“explorer.confirmDelete”: false,
“[javascript]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode” // JavaScript 文件使用 Prettier 格式化
},
“window.zoomLevel”: -1,
“git.enableSmartCommit”: true,
“git.confirmSync”: false,
“workbench.colorTheme”: “After Dark”,
“eslint.validate”: [
“vue”,
“html”,
“javascript”,
“typescript”,
“javascriptreact”,
“typescriptreact”
],
“eslint.run”: “onSave”,
“editor.formatOnSave”: true,
“eslint.autoFixOnSave”: true,
“javascript.format.semicolons”: “ignore”,
// 如果您不希望 ESLint 作为全局默认格式化器，可以移除以下行
// “editor.defaultFormatter”: “dbaeumer.vscode-eslint”,
}

.eslintrc.js配置

const INDENT = 4;
const MAX_DEEP = 3;
const MAX_LENGTH = 120;
module.exports = {
‘globals’: {
__dirname: true,
process: true
},
‘env’: {
‘browser’: true,
‘es6’: true,
‘commonjs’: true,
},
‘extends’: [
‘eslint:recommended’,
‘plugin:vue/essential’
],
‘parserOptions’: {
‘ecmaVersion’: 2018,
‘sourceType’: ‘module’
},
‘plugins’: [
‘vue’
],
‘rules’: {
‘indent’: [‘error’, 4],
‘vue/html-indent’: [‘error’, INDENT, {
attribute: 1,
baseIndent: 1,
closeBracket: 0,
alignAttributesVertically: true,
ignores: [],
}],
‘vue/html-quotes’: [‘error’, ‘double’, { avoidEscape: false }],
‘vue/attribute-hyphenation’: [‘off’],
‘accessor-pairs’: ‘error’,
‘array-bracket-newline’: ‘off’,
‘array-bracket-spacing’: [
‘error’,
‘never’,
],
‘array-callback-return’: ‘off’,
‘array-element-newline’: ‘off’,
‘arrow-body-style’: ‘off’,
‘arrow-parens’: ‘off’,
‘arrow-spacing’: ‘error’,
‘block-scoped-var’: ‘off’,
‘block-spacing’: ‘off’,
‘brace-style’: ‘off’,
‘camelcase’: ‘error’,
‘capitalized-comments’: ‘off’,
‘class-methods-use-this’: ‘off’,
‘comma-dangle’: [‘error’, ‘always-multiline’],
‘comma-spacing’: ‘error’,
‘comma-style’: [
‘error’,
‘last’,
],
‘complexity’: [‘error’, 10],
‘computed-property-spacing’: ‘off’,
‘consistent-return’: ‘off’,
‘consistent-this’: ‘off’,
‘curly’: ‘off’,
‘default-case’: ‘off’,
‘default-param-last’: ‘error’,
‘dot-location’: ‘off’,
‘dot-notation’: ‘off’,
‘eol-last’: [‘warn’, ‘always’],
‘eqeqeq’: ‘error’,
‘func-call-spacing’: [‘error’, ‘never’],
‘func-name-matching’: ‘off’,
‘func-names’: ‘off’,
‘func-style’: ‘off’,
‘function-call-argument-newline’: ‘off’,
‘function-paren-newline’: ‘off’,
‘generator-star-spacing’: ‘error’,
‘grouped-accessor-pairs’: ‘error’,
‘guard-for-in’: ‘error’,
‘id-length’: ‘off’,
‘id-match’: ‘error’,
‘implicit-arrow-linebreak’: [
‘error’,
‘beside’,
],
‘indent’: [‘error’, INDENT],
‘init-declarations’: ‘off’,
‘jsx-quotes’: ‘error’,
‘key-spacing’: ‘error’,
‘keyword-spacing’: ‘error’,
‘line-comment-position’: ‘off’,
‘linebreak-style’: ‘off’,
‘lines-around-comment’: ‘off’,
‘lines-between-class-members’: ‘off’,
‘max-classes-per-file’: ‘error’,
‘max-depth’: [‘error’, MAX_DEEP],
‘max-len’: [‘error’, MAX_LENGTH],
‘max-lines’: [‘error’, {
max: 600,
skipBlankLines: true,
skipComments: true,
}],
‘max-lines-per-function’: [‘error’, {
max: 50,
skipBlankLines: true,
skipComments: true,
}],
‘max-nested-callbacks’: ‘error’,
‘max-params’: ‘off’,
‘max-statements’: ‘off’,
‘max-statements-per-line’: ‘off’,
‘multiline-comment-style’: [‘error’, ‘starred-block’],
‘multiline-ternary’: ‘off’,
‘new-parens’: ‘off’,
‘newline-per-chained-call’: ‘off’,
‘no-alert’: ‘error’,
‘no-array-constructor’: ‘off’,
‘no-await-in-loop’: ‘error’,
‘no-bitwise’: ‘off’,
‘no-caller’: ‘error’,
‘no-confusing-arrow’: [
‘error’,
{
allowParens: true,
},
],
‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘error’ : ‘warn’,
‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘error’ : ‘warn’,
‘no-constructor-return’: ‘error’,
‘no-continue’: ‘off’,
‘no-div-regex’: ‘off’,
‘no-duplicate-imports’: ‘error’,
‘no-else-return’: ‘off’,
‘no-empty-function’: ‘off’,
‘no-eq-null’: ‘off’,
‘no-eval’: ‘error’,
‘no-extend-native’: ‘off’,
‘no-extra-bind’: ‘error’,
‘no-extra-label’: ‘error’,
‘no-extra-parens’: ‘off’,
‘no-floating-decimal’: ‘off’,
‘no-implicit-globals’: ‘error’,
‘no-implied-eval’: ‘error’,

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数大数据工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上大数据开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注大数据获取）

验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上大数据开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注大数据获取）
[外链图片转存中…(img-sDk0Tx3V-1712538146470)]