Visual Studio Code的十项开发技巧
2019/9/27 16:13:27
 
 
由Microsoft开发并提供的Visual Studio Code(https://code.visualstudio.com/),是一款用来编辑计算机程序源代码的基本编程工具。它可以在Windows、Linux、以及Mac等操作系统被使用。作为一款免费且开源的应用,它既可以被个人所使用,也可以作为商业用途。下面,我将向您介绍开发人员在使用Visual Studio Code过程中,值得掌握的十项开发技巧。
命令面板(Command Palette)
通过“命令面板”,您只需要键入某个关键字,而无需浏览具体菜单,即可访问到各种可用的命令。
您可以使用Ctrl + Shift + P的组合键,来打开命令面板。接着,您可以键入各种相关的关键字,并在下拉窗口中查找对应的命令列表。
 
 
命令面板
Zen模式
Zen模式是一种无干扰式(distraction-free)的视图。为了能够让您完全专注于代码,它去掉了原有窗体中所有额外的工具箱、以及工具栏。
您可以通过选择“视图” > “外观” > “Zen模式的切换”,来自由地进入和退出Zen模式。
另外,您也可以在Zen模式下将代码设置为居中对齐,以展示出类似于文档编辑器的效果。具体操作是:选择“视图” > “外观” > “居中式布局的切换”。
 
 
Zen模式下的居中代码
拆分视图(Split View)
如果您擅长多任务处理的话,那么您可能需要同时处理同一项目的两个不同文件,或者需要查找两个文件之间的差异。此时,您最好采用拆分视图的模式。
您可以根据自己的喜好,来自定义视图的拆分。您既可以将两个文件采用上下放置的方式,又可以左右平铺两个文件。
为了达到该效果,您可以选择“视图” > “编辑器布局” > “拆分”。
 
 
在拆分视图中比较文件
标签包裹(Tag wrapping)
Emmet(https://emmet.io/)可帮助您在减少手工键入的基础上,生成更多的程序代码。此类插件,不但能够为开发人员节省重复输入的时间,还能够提高他们的工作效率。
由于Emmet允许您从键入的缩写代码中获取相应的标签,因此您可以从如下的Emmet屏幕截图中,查看到所有预先支持的标签包裹列表。
 
 
使用Emmet包裹标签
Git集成
Visual Studio Code能够与Git进行有效的集成。该集成能够方便您将任何针对代码的修改,及时地提交、拉出、以及推送到远程的Git存储库中。
在Visual Studio Code中,您可以打开一个属于Git存储库的文件。其对应的编辑器将显示出既有的工作副本、与远程存储库中当前文件之间的差异。不过,互联网连接是保障用户能够持续对Git存储库进行直接操作的基本要求。
您可以通过查看清单:https://education.github.com/git-cheat-sheet-education.pdf,来了解所有与Git相关的命令。
 
 
工作副本和代码库之间的代码差异
各种新的主题和插件
Visual Studio Code可以让您根据自己的喜好,将不同的主题应用到编辑器中,进而高亮地显示出文本的语法。您可以在Visual Studio Marketplace(https://marketplace.visualstudio.com/vscode/Themes)中找到各种完全免费的主题。
 
 
Visual Studio Code的主题列表
此外,Visual Studio Code也带有丰富的插件API,用户可以籍此创建属于自己的插件。下面是两种最为常见的插件:  设置同步 - Settings Sync(https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync):作为一种最为常见的设置插件,它允许您在不同设备上,以同步的方式安装Visual Studio Code。 Docker(https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker):在使用Docker进行开发时,您可能需要运行复杂的Docker命令,并对其进行持续监视。通过安装此类

下一页
返回列表
返回首页
©2025 人工智能世界_专注人工智能领域,汇集人工智能技术资料 电脑版
Powered by iwms