vscode安装了eslint，prettier，vetur插件，settings.json配置文件里怎么配置，配置变量命名和文件命名规范，文件名称和class属性名必须使用 kebab-case命名，id必须是小驼峰命名

在VSCode中设置 ESLint、Prettier 和 Vetur 插件来统一代码风格，你需要在 `settings.json` 配置文件中添加相应的规则。以下是关于变量命名、文件命名和规则的具体配置示例：

{
  "editor.formatOnSave": true,
  "vetur.format.defaultFormatter.js": "vscode-eslint",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "tabWidth": 2,
      "singleQuote": true, // 使用单引号
      "trailingComma": "es5", // 转角逗号风格
      "printWidth": 100,
      "bracketSpacing": true, // 保持花括号间的空格
      "jsxBracketSameLine": false, // 不将JSX标签放在一行
      "semi": true, // 使用分号结尾
      "proseWrap": "always" // 文本不会换行到下一行
    }
  },
  "eslint.options": {
    "plugins": ["prettier"],
    "extends": [
      "eslint:recommended", // 标准ESLint规则集
      "plugin:prettier/recommended" // Prettier的规则集
    ],
    "rules": {
      "camelcase": [
        "error", // 规则启用
        { "properties": "never" } // 属性名不允许使用驼峰命名
      ],
      "id-blacklist": "off", // 关闭特定ID命名规则，如禁止使用小驼峰命名
      "class-name": [
        "error", // 类名必须使用kebab-9])+$" }
      ]
    }
  },
  "files.associations": {
    "*.js": "javascript",
    "*.ts": "typescript"
  }, // 确保正确的文件关联
  "path-intellisense.useCaseInsensitiveFileNames": true // 使路径匹配忽略大小写
}

上述配置指定了：
1. 自动格式化（`formatOnSave`）和默认使用ESLint作为格式化工具（`vetur.format.defaultFormatter.js`）。
2. Prettier 的配置，包括命名风格等。
3. ESLint 中的命名规则，比如要求变量和属性名采用 kebab-case，并关闭驼峰命名限制。
4. 文件关联，确保JavaScript和TypeScript文件能正确识别。
5. 匹配文件名时忽略大小写。