vscode 插件配置

最新推荐文章于 2024-04-09 09:55:22 发布

彦青i

最新推荐文章于 2024-04-09 09:55:22 发布

阅读量134

点赞数

分类专栏： vscode 文章标签： vscode javascript ide

本文链接：https://blog.csdn.net/qq_41200374/article/details/129734219

版权

vscode 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

'Cascadia Code’字体需要下载

{
  "editor.fontSize": 16,
  "editor.fontFamily": "'Cascadia Code',Consolas, 'Courier New', monospace",
  "editor.wordWrap": "on",
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true, //打开文件不覆盖
  "search.followSymlinks": false, //关闭快速预览
  // "files.autoSave": "afterDelay", //编辑自动保存
  "editor.lineNumbers": "on", //开启行数提示
  "editor.showFoldingControls": "always",
  "workbench.panel.opensMaximized": "never",
  "editor.mouseWheelZoom": true,
  "extensions.ignoreRecommendations": true,
  "security.workspace.trust.untrustedFiles": "open",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.editor.enablePreviewFromQuickOpen": true,
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned" //属性强制折行对齐
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    },
    "vscode-typescript": {
      "semi": false,
      "singleQuote": true
    }
  },
  // "prettier.useEditorConfig": false,
  // "prettier.useTabs": true,
  // "prettier.vueIndentScriptAndStyle": true,
  // "prettier.singleAttributePerLine": true,
  // "prettier.insertPragma": true,
  "git.ignoreMissingGitWarning": true,
  "git.openRepositoryInParentFolders": "always",
  // Using the light mode
  "indentRainbow.indicatorStyle": "light",
  // we use a simple 1 pixel wide line
  "indentRainbow.lightIndicatorStyleLineWidth": 1,
  "indentRainbow.colors": [
    "rgba(255,255,64,0.3)",
    "rgba(127,255,127,0.3)",
    "rgba(255,127,255,0.3)",
    "rgba(79,236,236,0.3)"
  ]
}