vscode settings.json配置

{

  //指定工作台中使用的文件图标主题；若指定为 "null"，则不显示任何文件图标

  "workbench.iconTheme": "vscode-icons", //如果设置成'true'，关于新的版本消息将不再显示

  "vsicons.dontShowNewVersionMessage": true,

  "terminal.integrated.profiles.windows": {

    "Git Bash": {

      "path": "C:\\Windows\\System32\\cmd.exe",

      "args": []

    }

  },

  "terminal.integrated.defaultProfile.windows": "Git Bash", //禁用信息弹出消息。

  "liveServer.settings.donotShowInfoMsg": true, //控制编辑器是否自动格式化粘贴的内容。格式化程序必须可用，并且能针对文档中的某一范围进行格式化。

  "editor.formatOnPaste": true, //控制编辑器在键入一行后是否自动格式化该行

  "editor.formatOnType": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。

  "editor.formatOnSave": true, //在快速修复菜单中显示open lint rule documentation网页

  "eslint.codeAction.showDocumentation": {

    //显示操作的文档代码

    "enable": true

  }, //在保存时运行的代码操作类型

  "editor.codeActionsOnSave": {

    // #每次保存的时候将代码按eslint格式进行修复

    "eslint.autoFixOnSave": true, //控制是否应在文件保存时运行自动修复操作

    "source.fixAll": true,

    "source.fixAll.eslint": true

  }, //应该由ESLint验证的语言ID数组。如果未安装，ESLint将显示错误 // 添加 vue 支持

  "eslint.validate": ["javascript", "javascriptreact", "vue", "html", "vue3"],

  "[javascript]": {

    "editor.defaultFormatter": "vscode.typescript-language-features"

  }, //指向 PHP 可执行文件

  "php.validate.executablePath": null, //启用ESLint作为格式化程序。

  //   "eslint.format.enable": true,

  "[html]": {

    "editor.defaultFormatter": "vscode.html-language-features"

  },

  "[vue]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

   "[jsonc]": {

      "editor.defaultFormatter": "vscode.json-language-features"

   },

  "background.enabled": true,

  "background.customImages": ["file:///D:/MY/Pictures/3.png"],

  "background.useDefault": false,

  "background.style": {

    "content": "''",

    "pointer-events": "none",

    "position": "absolute",

    "z-index": "0",

    "width": "100%",

    "height": "100%",

    "background-position": "center",

    "background-repeat": "no-repeat",

    "background-size": "100%,100%",

    "opacity": 0.5

  }, //控制在建议列表中如何预先选择建议

  "editor.suggestSelection": "first", //控制具有未保存更改的编辑器的 自动保存

  "files.autoSave": "off",

  "editor.suggest.shareSuggestSelections": false, //配置语言的文件关联 (如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。

  "files.associations": {

    "*.cjson": "jsonc",

    "*.wxss": "css",

    "*.wxs": "javascript",

    "*.extension": "html"

  }, //在默认不受支持的语言中启用 Emmet 缩写。在此语言和 Emmet 支持的语言之间添加映射。 例如: {"vue-html": "html", "javascript": "javascriptreact"}

  "emmet.includeLanguages": {

    "wxml": "html"

  }, //“用户设置”中定义的连接配置文件显示在命令面板的“MS SQL: 连接”命令下

  "mssql.connections": [], //若设置为 true，则自动从当前 Git 存储库的默认远程库提取提交。若设置为“全部”，则从所有远程库进行提取。

  "git.autofetch": true, //控制是否在打开文件时，基于文件内容自动检测 #editor.tabSize# 和 #editor.insertSpaces#。

  "editor.detectIndentation": false, //控制是否在打开文件时，基于文件内容自动检测 #editor.tabSize# 和 #editor.insertSpaces#

  "editor.tabSize": 3, //一个制表符等于的空格数。在 #editor.detectIndentation# 启用时，根据文件内容，该设置可能会被覆盖。

  "html.format.enable": true, //启用或禁用默认 HTML 格式化程序

  "vetur.validation.template": false,

  "editor.wordWrap": "on",

  "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" // #vue组件中html代码格式化样式

    },

    "prettyhtml": {

      "printWidth": 100,

      "singleQuote": false,

      "wrapAttributes": false,

      "sortAttributes": false

    }

  },

"diffEditor.ignoreTrimWhitespace": false,

"vetur.format.options.tabSize": 3,

"bracket-pair-colorizer-2.depreciation-notice": false,

"prettier.tabWidth": 3,

"prettier.useTabs": true,

"prettier.printWidth": 100,

"vetur.format.options.useTabs": false, // 两个选择器中是否换行

// "editor.wordWrapColumn": 100,

}