2024年前端最全Vue 项目eslint 配置编程风格（VScode），2024年最新金三银四大厂面经总结

// .eslintrc.js 或 .eslintrc.json
{
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:vue/vue3-essential",
    "plugin:@typescript-eslint/recommended"
  ],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": [
    "vue",
    "@typescript-eslint"
  ],
  "rules": {
    // 这里可以根据项目需求配置具体的规则
    "vue/multi-word-component-names": "off",
    "vue/singleline-html-element-content-newline": "off",
    "vue/multiline-html-element-content-newline": "off",
    "vue/attr-hyphenation": "off",
    "vue/require-default-prop": "off",
    "vue/require-explicit-emits": "off",
    "vue/script-setup-uses-vars": "error",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/no-non-null-assertion": "off",
    "@typescript-eslint/explicit-module-boundary-types": "off",
    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
    // 更多规则根据项目情况配置
  }
}

这个配置文件是基于2024年前端项目中使用Vue框架与TypeScript的情况。它包含了Vue和TypeScript的eslint插件，并定义了一些基本的规则。在实际项目中，你可以根据自己的需求来调整这些规则。