vscode settings(二):文件资源管理器&编辑功能&主题&快捷键

发布于:2025-02-24 ⋅ 阅读:(16) ⋅ 点赞:(0)

参考资料

Visual Studio Code权威指南 by 韩骏

一. 文件资源管理器

1.1 文件资源管理器隐藏文件夹

默认情况下,Visual Studio Code会在文件资源管理器中隐藏一些文件夹(如.git文件夹)​。可以通过files.exclude来配置要被隐藏的文件和文件夹:

"files.exclude": {
	"**/.git": true,
	"**/.svn": true,
	"**/.hg": true,
	"**/CVS": true,
	"**/.DS_Store": true
}

1.2 进入&退出禅模式

使用快捷键Ctrl+K -> Z进入禅模式,双击Esc退出禅模式
在这里插入图片描述

二. 编辑功能

2.1 多光标

Visual Studio Code支持在多光标的情况下,对代码进行快速编辑。通过多个光标,你可以同时编辑多处文本。有以下几种方式可以添加多个光标。

  • Alt+Click:按住Alt快捷键,然后单击鼠标左键,就能方便地增加一个新的光标。
  • Ctrl+Alt+Down:按下此快捷键,会在当前光标的下方,添加一个新的光标。
  • Ctrl+Alt+Up:按下此快捷键,会在当前光标的上方,添加一个新的光标。
  • Ctrl+D:第一次按下Ctrl+D快捷键,会选择当前光标处的单词。再次按下Ctrl+D快捷键,会在下一个相同单词的位置添加一个新的光标。
  • Ctrl+Shift+L:按下此快捷键,会在当前光标处的单词所有出现的位置,都添加新的光标。
    在这里插入图片描述

2.2 列选中(有用)

把光标放在要选择的区域的左上角,按住Shift+Alt快捷键,然后把光标拖至右下角,就完成了对文字的列选择。

2.3 热退出

当退出时,Visual Studio Code可以记住未保存的文件。
通过files.hotExit来控制是否在会话间记住未保存的文件,以允许在退出编辑器时跳过保存提示。files.hotExit的设置选项如下所示。

2.4 代码格式化

  • 格式化文档(快捷键为Shift+Alt+F)​:格式化当前的整个文件。
  • 格式化选定文件(快捷键为Ctrl+KCtrl+F)​:格式化当前文件所选定的文本。你可以通过命令面板(打开命令面板的快捷键为Ctrl+Shift+P)或编辑器的右键菜单调用以上两种操作。
  • 对于JavaScript、TypeScript、JSON和HTML,Visual Studio Code提供了开箱即用的代码格式化支持。对于其他语言,可以安装相应的插件来获得代码格式化的功能。除了主动调用代码格式化,还可以通过以下设置来自动触发代码格式化。
  • editor.formatOnType:在输入一行后,自动格式化当前行。
  • editor.formatOnSave:在保存时格式化文件。
  • editor.formatOnPaste:自动格式化粘贴的内容。

2.5 代码折叠

如图5-24所示,通过单击行号与代码之间的折叠图标,可以折叠或展开代码块。通过使用Shift+Click快捷键,可以折叠或展开所有内部的代码块。
很多编程语言都有相应的标记来定义代码块的起始和结束区域。下表中的这些编程语言都有相应的定义标记。
在这里插入图片描述
在这里插入图片描述

三. 主题

可以在工作区设置中设置仅在当前工作区应用的颜色和图标主题

3.1 颜色主题

可以通过Ctrl+KCtrl+T快捷键来打开颜色主题选择器。

 "workbench.colorTheme": "Ayu Dark"

3.2 图标主题

默认情况下,Visual Studio Code使用的是Seti文件图标主题。通过选择None选项,可以禁用文件图标。
Visual Studio Code内置了MinimalSeti两个文件图标主题。选择Install Additional File IconThemes选项,可以浏览更多的文件图标主题,与颜色主题类似,当前生效的文件图标主题存储在Visual Studio Code的设置中,设置如下所示。

"workbench.iconTheme": "vs-seti"

Visual Studio Code的插件市场拥有大量的颜色主题和文件图标主题的插件。本书作者给读者列出了一些比较热门的主题插件。在插件市场中,可以搜索到更多主题插件。
在这里插入图片描述

四. 快捷键

4.1 快捷键编辑器

通过快捷键编辑器,可以方便快速地浏览和修改键盘按键映射。可以使用下面的菜单项来打开快捷键编辑器,不同系统下所使用的菜单项分别如下所示。

  • Windows/Linux:File→Preferences→Keyboard Shortcuts
  • macOS:Code→Preferences→Keyboard Shortcuts

4.2 快捷键大全

Visual Studio Code中的快捷键非常丰富,开发人员在刚开始上手时很难记全。所以,VisualStudio Code也很贴心地提供了完整的快捷键参考指南。通过菜单项Help→Keyboard ShortcutReference或快捷键Ctrl+K→Ctrl+S,就能打开当前平台相应的PDF版的快捷键大全。
在这里插入图片描述