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