Visual Studio Code Preview深度体验、使用技巧

Visual Studio Code Preview 深度体验、使用技巧

【Code】2015/05/16

“我打算迎来人生最大的转折点，但卖掉大提琴时，很不可思议，觉得很轻松。觉得一直以来的束缚解

放了。自己以前坚信不移的梦想，可能根本不是梦想。”

—— 《入殓师》

目录：

一、界面技巧 | 二、分割窗口 | 三、命令面板 | 四、跳转导航 | 五、内容搜索

六、括号匹配 | 七、多重选择 | 八、智能提示 | 九、转到定义 | 十、关键字检索

十一、Peek 功能 | 十二、错误警告 | 十三、配置文件 | 十四、总结

在第一篇初体验中，简单介绍了微软于Build2015 上发布的这款代码编辑器。基于我这两

天的使用，带来这篇深度体验和一些使用技巧。

其实，VSCode 的官方帮助文档：/Docs 有非常详细的

介绍，我这篇也是从这里学的，不过目前只有英文，有兴趣的可以挑战下噢！

一、界面技巧

初体验中大致介绍了VSCode 的 UI 。VSCode 可以对文件夹进行管理，正在编辑的文件会

显示在“WORKING FILES”中，并在旁边显示相应的标记：

左侧边栏可以通过 Ctrl + B 打开或隐藏。

如果文件夹中包含解决方案或项目文件(如C#的.sln/.csproj )，VSCode 会识别这些文件

(在底部的状态栏中显示)，并针对这些项目提供更丰富的功能，如更强大的智能提示等。

在文件右键单击选择“Reveal in Explorer”，可以打开该文件在文件管理器中的位置：

二、分割并排窗口

为增强文件间的协同能力，VSCode 最多同时并排三个编辑窗口，可以通过拖动标题部分

更改顺序。当已经打开一个文件之后，有三种方法可以分割并排窗口：

 按住 Ctrl 键单击文件；

 Ctrl + \ 快捷键；

 右键单击，选择“Open to the Side”(Ctrl + Enter) 。

三、贯穿始终的命令面板(Command Palettes )

为充分利用键盘，这一编辑中最强大的交互方式，VSCode 提供了可以直达所有功能的命

令面板：按下 F1 或Ctrl + Shift + P 打开命令面板。

输入？来查看可以使用的命令：

这里面有几个非常重要并且实用的功能，我会在后面一一说明。

四、跳转导航

按下 Ctrl + E ，会列出最近打开过的文件，输入文件名，即可打开该文件。

按下 Ctrl + Tab 列出最近打开过的文件，按Alt + Left/Right 在导航的文件间进行跳转 ：

按下 Ctrl + G 或在命令面板中输入“:””，再输入行数即可跳转至该文件的相应行：

五、内容搜索

VSCode 支持在已打开的文件夹内搜索任意内容，并支持正则表达式。点击侧边栏的搜索

按钮或按下Ctrl + Shift + F 打开搜索框：

点击搜索框下方的“…”按钮或按下 Ctrl + Shift + J 可以打开高级搜索，比如说在确定文

件格式的文件(如.cs/.js )中搜索：

六、括号匹配

当一个类/ 函数体/结构体等内容较多时，肉眼手动匹配括号显然是一个 Bad idea 。

VSCode 将鼠标放在一个括号旁边时，下一个将自动匹配做出标记：

可以按下Ctrl + Alt + ]来跳转至该括号匹配的对应括号处。

七、多重选择

VSCode 有很强大的多重选择功能。选择某一处之后，通过按住Alt 键选择其余地方。比

如在下面五句代码后面加相同的注释。点击第一处之后按下Alt 键依次单击每句结尾，然

后输入内容即可：

也可以通过Ctrl + Alt + Up/Down 在当前鼠标位置向上/下扩充选择：

按下 Ctrl + F2 可以选中所有光标所在的关键字，而按下Ctrl + Shift + L 则会选中所有当

前选择的内容：

八、智能提示

VSCode 支持JavaScript, JSON, HTML, CSS, Less, Sass, C# and TypeScript 等语言的智

能提示，比如自动补全，函数的参数列表等等 ：

九、转到定义

按住 Ctrl 键，单击或 Ctrl + F12 转到定义 ，在前面的导航中说到过，按下Alt + Left 返

回。也可以按住Ctrl + Alt