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

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