vscode 插件配置

最新推荐文章于 2025-07-17 10:49:54 发布

Just do it

最新推荐文章于 2025-07-17 10:49:54 发布

阅读量347

点赞数

CC 4.0 BY-SA版权

文章标签： python 开发工具 json

原文链接：http://www.cnblogs.com/matd/p/10997571.html

本文详细介绍了VSCode编辑器的高级设置方法，包括字体大小、自动保存、代码格式化、空白字符显示、制表符大小、默认格式化工具、ESLint代码检查、Vue与HTML格式化选项、文件关联、智能提交、删除确认、图标主题等，适用于前端开发人员优化其工作环境。

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

第一页

第二页

第三页

settings.json配置

{
  "editor.fontSize": 20,
  "files.autoSave": "off",
  "editor.formatOnSave": true,
  "editor.renderWhitespace": "all",
  "editor.tabSize": 2,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[css]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
  },
  //eslint 代码自动检查相关配置
  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.autoFixOnSave": true,
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  "eslint.validate": [
    "javascriptreact",
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    {
      "language": "html",
      "autoFix": true
    }
  ],
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "files.associations": {
    "*.vue": "vue",
    "*.stylus": "stylus"
  },
  "git.enableSmartCommit": true,
  "explorer.confirmDelete": false,
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分好
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "workbench.iconTheme": "vscode-icons", // 两个选择器中是否换行

  "languageStylus.useSeparator": true,
  "languageStylus.useBuiltinFunctions": true,
  "editor.colorDecorators": true,
  "html.autoClosingTags": true,
}

转载于:https://www.cnblogs.com/matd/p/10997571.html

vscode 插件 配置

settings.json配置

vscode 插件配置