个性化

Mr.Hope ... VS Code
  • VS Code
  • 软件
大约 2 分钟

您可以做很多事情来个性化 VS Code。

  • 改变你的主题
  • 改变你的文件图标
  • 更改键盘快捷键
  • 调整设置
  • 安装扩展

# 更改主题

键盘快捷键: Ctrl + K Ctrl + T

您可以从 VS Code 扩展市场中安装更多主题。

此外,您可以安装和更改文件图标主题。

提示

Mr.Hope 个人推荐 One Dark Pro 主题和 Material Icon Theme 文件图标主题。

你需要从扩展应用应用商店中安装它们。

# 自定义键盘快捷键

键盘快捷键: Ctrl + K Ctrl + S

您可以搜索快捷方式并将自己的键绑定添加到 keybindings.json 文件中。

有关更多信息,请参见 快捷键键绑定

# 调整你的设置

默认情况下,VS Code 显示 设置 编辑器,你还可以通过使用 打开设置(JSON) 命令打开 settings.json

键盘快捷键: Ctrl + ,

示例:

  • 更改各种 UI 元素的字体大小

    // Main editor
    "editor.fontSize": 18,
    // Terminal panel
    "terminal.integrated.fontSize": 14,
    // Output panel
    "[Log]": {
        "editor.fontSize": 15
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
  • 更改缩放等级

    "window.zoomLevel": 5
    
    1
  • 字体连字

    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true
    
    1
    2

    提示

    这需要安装支持字体连字的字体。FiraCode 是 VS Code 团队中流行的字体。

    Mr.Hope 也强力推荐安装并使用这一字体 (字体详见群文件)

  • 自动保存

    "files.autoSave": "afterDelay"
    
    1

    您也可以使用 文件 > 自动保存 从顶层菜单切换自动保存。

  • 保存时格式化

    "editor.formatOnSave": true
    
    1
  • 粘贴格式

    "editor.formatOnPaste": true
    
    1
  • 更改制表符的大小

    "editor.tabSize": 4
    
    1
  • 空格或制表符

    "editor.insertSpaces": true
    
    1
  • 渲染空白

    "editor.renderWhitespace": "all"
    
    1

    默认情况下,在文本选择中呈现空白字符。

  • 忽略文件/文件夹

    从编辑器窗口中删除这些文件/文件夹。

    "files.exclude": {
        "somefolder/": true,
        "somefile": true
    }
    
    1
    2
    3
    4

    从搜索结果中删除这些文件/文件夹。

    "search.exclude": {
        "someFolder/": true,
        "somefile": true
    }
    
    1
    2
    3
    4

以及许多其他定制。

# 语言特定的设置

您可以通过语言标识符来确定只需要特定语言的设置的范围。您可以在 语言标识符 (opens new window) 参考中找到常用语言 ID 的列表。

"[languageid]": {

}
1
2
3

提示

您还可以使用 配置语言特定的设置 命令来创建特定于语言的设置。