vscode编译器设置

最新推荐文章于 2025-07-10 12:33:29 发布

原创最新推荐文章于 2025-07-10 12:33:29 发布 · 6.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了一套针对前端开发的VSCode配置方案，包括编辑器字体大小、自动保存设置、ESLint验证及自动修复等功能，特别适用于Vue.js项目的开发。通过这些配置，可以显著提高代码质量和开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
  "editor.fontSize": 20,
  "explorer.confirmDelete": false,
  "vetur.validation.template": false,
  "eslint.autoFixOnSave": true,
  "files.autoSave": "off",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.options": {
    "plugins": ["html"]
  },
  //为了符合eslint的两个空格间隔原则
  "editor.tabSize": 2,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": false,
  "prettier.printWidth": 300,
  "editor.wordWrapColumn": 800,
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "printWidth": 300, // No line exceeds 300 characters
      "singleQuote": false // Prefer double quotes over single quotes
    },
    "prettier": {
      "printWidth": 300, // No line exceeds 300 characters
      "singleQuote": false // Prefer double quotes over single quotes
    }
  },
  "diffEditor.ignoreTrimWhitespace": true,
  "diffEditor.renderSideBySide": false,
  "search.followSymlinks": false,
  "window.zoomLevel": 0,
  "editor.minimap.enabled": true,
  "workbench.colorTheme": "Visual Studio Light"
}