参考资料
Visual Studio Code权威指南 by 韩骏
一. 集成终端
1.1 打开集成终端快捷键
使用Ctrl+`
快捷键打开集成终端
通过Ctrl+Shift+`
快捷键,可以快速地创建一个新的终端
通过Ctrl+Shift+5
快捷键或右上角的分割按钮,可以分割出多个集成终端。
通过Alt+Left/Alt+Right
快捷键来快速切换到不同的集成终端
1.2 配置终端
默认情况下,Visual Studio Code在不同操作系统中都配置了相应的Shell,如下所示。
- Linux/macOS: $SHELL
- Windows 10: PowerShell可以通过terminal.integrated.shell.*配置项来覆盖默认的Shell。
1.3 Shell命令
当集成终端启动时,你还可以向集成终端传递参数。以Linux为例,如果要在启动bash之前运行.bash_profile,则可以传入-l参数。
"terminal.integrated.shellArgs.linux": ["-l"]
1.4 使用变量
集成终端的shell、shellArgs、env和cwd
配置项都支持变量设置。下面的例子使用了当前文件的目录作为集成终端的工作目录:
"terminal.integrated.cwd": "${fileDirname}"
1.5 终端的显示样式
可以通过以下配置项来自定义集成终端的显示样式(如字体和行高)。
- terminal.integrated.fontFamily
- terminal.integrated.fontSize
- terminal.integrated.fontWeight
- terminal.integrated.fontWeightBold
- terminal.integrated.lineHeight
1.6 在继承终端运行选中的文本
选中要运行的文本,在命令面板中调用Terminal:Run Selected Text in Active Terminal
命令并执行,选中的文本就会在集成终端中运行,如图5-45所示。
二. 命令行
之前的命令行只会在对应的文件夹目录下code .
,在这里能够学到更多使用code命令行的办法
2.1 命令行核心选项
2.2 通过命令行管理插件
通过命令行,可以管理Visual Studio Code
的插件。命令行中使用的参数如下表所示。
三. Intelligence
IntelliSense经常被翻译为“智能提示”,它包含一系列与代码编辑相关的功能:代码补全、参数信息、快速信息等.
3.1 不同编程语言的IntelliSense
对于JavaScript
、TypeScript
、JSON
、HTML
、CSS
、SCSS
和Less
这7种语言,Visual StudioCode
提供了内置的IntelliSense
支持。对于其他语言,则需要安装相应的插件来提供IntelliSense
的支持。
如下所示的是最受欢迎的8个编程语言插件,它们都提供了IntelliSense的支持。
3.2 IntelliSense功能
Visual Studio Code
的IntelliSense
功能由语言服务(Language Server)驱动。当你在输入代码时,如果语言服务能推算出潜在的代码补全,那么就会显示IntelliSense
的代码补全提示。按下Tab
键或Enter
键就可以插入所选择的补全选项。
此外,通过按下Ctrl+Space
快捷键或输入句点符号(.),可以主动触发IntelliSense
功能。 如下图所示,通过语言服务的强有力支持,对于每一个函数,你都可以看到相应的快速提示信息。
3.3 自动补全的类型
Visual Studio Code
的IntelliSense
提供了不同类型的自动补全功能,包括由语言服务驱动的代码补全、代码片段提示及基于单词的文字补全。下表列出了所有的自动补全的类型。
四. 代码导航
4.1 文件快速导航
当你专注于某一个任务时,会发现自己经常在一组文件之间进行跳转。针对这种情形,Visual Studio Code
提供了多种强大的快捷键来帮助你快速跳转到不同的文件。按住Ctrl
键,同时按下Tab
键,就能看到所有打开的文件,如下图所示。再继续按下Tab
键,就可以在不同的文件之间进行选择。释放Ctrl
键,就能打开相应的文件。
此外,通过Alt+Left
和Alt+Right
快捷键,可以在不同的编辑位置进行跳转。特别是当你在一个大文件中的不同行之间进行跳转时,这两个快捷键会十分方便。如果你想在任意文件之间进行跳转,那么可以使用Ctrl+P
快捷键。
4.2 面包屑导航
编辑器上方的导航栏被称为面包屑导航(Breadcrumbs
)。如图6-6所示,面包屑导航能够显示当前的位置,使你能快速地跳转到不同的文件夹、文件或符号。
4.2 代码导航右键菜单
在编辑器区域中,把鼠标放到任意一个符号上,然后单击右键,就会显示右键菜单。
在右键菜单最上面的一个分组中,包含了与代码导航相关的命令。通过这些命令,你可以快速地在不同的代码之间进行切换。
如下图所示,右键菜单的最上面的一个分组包含了5种最常用的代码导航命令:Go toDefinition
(转到定义)、Peek Definition
(查看定义)、Go to Type Definition
(转到类型定义)、Find All References
(查找所有引用)和Peek References
(查看引用)。