vscode 设置配置setting.json

最新推荐文章于 2025-02-05 16:28:53 发布

鸭皮

最新推荐文章于 2025-02-05 16:28:53 发布

阅读量477

点赞数

分类专栏：工具使用文章标签： vscode

本文链接：https://blog.youkuaiyun.com/jycsj/article/details/114837079

版权

工具使用专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种VSCode的配置方案，该方案能够实现多种前端语言代码的自动格式化与eslint规则检查，包括HTML、Vue、JavaScript及React等。通过详细设置，确保了代码风格的一致性和规范性。

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

{
  //?每次保存的时候将代码按eslint格式进行修复
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    },
    {
      "language": "javascriptreact",
      "autoFix": true
    }
  ],
  "eslint.run": "onType",
  "git.ignoreLimitWarning": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": false, //每次保存自动格式化
  //?vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  //?重新设定tabsize
  "editor.tabSize": 2,
  //??#去掉代码结尾的分号
  "prettier.semi": false,
  //??#让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //?#这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  //?#让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
      //?"wrap_attributes":?"force-aligned"
      //?#vue组件中html代码格式化样式
    }
  },
  "explorer.autoReveal": false,// 关闭页面不自动跳回
  "fileheader.customMade": { //此为头部注释
    "Autor": "name",
    "Date": "Do?not?edit",
    //?"LastEditors":?"Do?not?edit",
    "LastEditTime": "Do?not?edit",
    "Description": "",
    "LastEditors": "name",
    "FilePath": "Do?not?edit" //?增加此项配置即可
  },
  "fileheader.configObj": {
    "wideSame": false, //?设置为true开启
    "wideNum": 13, //?字段长度?默认为13
    "createHeader": true //?默认打开
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "window.zoomLevel": 1,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "terminal.integrated.automationShell.linux": "",
  "cSpell.userWords": [
    "JITGW"
  ],
  "cSpell.enableFiletypes": [
    "vue"
  ],
  "vsicons.dontShowNewVersionMessage": true
}