vs code setting.json的配置 + vs code 插件截图（灰色是下载了但是没有启用的

原创

已于 2023-03-19 17:37:46 修改 · 2.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#json #vscode

于 2022-10-12 11:59:29 首次发布

本文详细介绍了一个VSCode编辑器的配置示例，包括编辑器的基本设置、特定语言的格式化规则、prettier配置以及一些实用插件的设置，旨在帮助开发者提高编程效率。

/**
 * @Description: ------ vscode setting.json config ------
 * @Creater: snows_l
 * @Date: 2022-07-26 21:17:28
 * @LastEditors: snows_l snows_l@163.com
 * @LastEditTime: 2022-10-12 14:01:04
 * @FilePath: /Users/snows_l/Library/Application Support/Code/User/settings.json
 */
{
  /**  @description 编辑器通用配置 */
  "editor.detectIndentation": false, // 控制是否在打开文件时，基于文件内容自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
  "editor.tabSize": 2, // 默认编辑器字号
  "editor.fontSize": 14,
  "editor.formatOnSave": false, //  在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
  "editor.formatOnType": false, // 控制编辑器在键入一行后是否自动格式化该行。
  "editor.minimap.enabled": false, //  控制是否显示右侧缩略图。
  "editor.formatOnPaste": false, // 控制编辑器是否自动格式化粘贴的内容
  // "editor.language.brackets": [],  // ***注意这个方法放出来之后会导致  -- 方法及对象换行的时候没有换两行和缩进 --
  "editor.wordWrap": "wordWrapColumn", // 超长代码一般出现在html中, 我不喜欢html属性换行, 但是又想看到全部, 那就只能设置编辑器视觉上的换行了.
  "editor.wordWrapColumn": 160, // 同上
  "editor.fontWeight": "200", // 控制字体粗细。接受关键字“正常”和“加粗”，或者接受介于 1 至 1000 之间的数字
  "editor.multiCursorModifier": "alt", // 添加多个光标时候需要的快捷键
  "editor.snippetSuggestions": "top", // 自定义代码片段显示的位置
  "editor.renderControlCharacters": false, // 控制编辑器是否应呈现空白字符
  "editor.rulers": [120], // 在一定数量的等宽字符后显示垂直标尺。  ==> 输入多个值，显示多个标尺。若数组为空，则不绘制标尺。
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingOvertype": "always",
  "editor.autoClosingQuotes": "always",
  "editor.autoClosingBrackets": "always",
  "editor.autoClosingDelete": "always",
  "editor.autoIndent":"full",
  "editor.codeLens": true,
  "editor.comments.insertSpace": true, // 控制在注释时是否插入空格字符
  "editor.bracketPairColorization.independentColorPoolPerBracketType": false, // 控制每个方括号类型是否具有自己的独立颜色池。
  "editor.bracketPairColorization.enabled": true, // 控制是否启用括号对着色。请使用 #workbench.colorCustomizations# 重写括号突出显示颜色。
  "workbench.colorCustomizations": {  // 覆盖当前所选颜色主题的颜色。