VS Code是一款开源的、适用于多操作系统的开发软件，它已成为我目前使用起来最为得心应手的编辑器。在本文中，我将为大家介绍一些实用的插件和快捷操作，这些内容将极大地提升你的软件开发效率，从而让你有更多的时间投入到健身和社交活动中。

初识VS Code

先放上它的官网：

Code的全称，初见或许会让人误以为它与某软件相似，二者均隶属于微软公司旗下，其中后者早已享有盛誉sublime text 3汉化包怎么安装，长期稳居程序员最青睐的编辑器排行榜首位。为了使这款新推出的产品能够借势提升知名度，因此取了一个与之相近的名称，就如同Java一样。

堪称新生儿的它，至今不过四年光景，与那些历史沉淀的编辑器相较，尚且稚嫩。然而，近一两年来，它却实现了飞速发展，市场份额急速攀升，已遥遥领先于众多编辑器。与此同时，Text的势头逐渐减弱，Atom则显得平淡无奇，而因收费问题，在国内的使用率始终不高。至于Vim，因其学习门槛过高，也逐渐淡出了人们的视野。若你恰巧从其他编辑器切换至VS Code，无需忧虑，该平台配备了相应的插件，能帮助你无缝迁移键盘设置，让你能迅速掌握操作技巧，无需额外花费时间来适应新的快捷键。

此外，它对各类语言均给予了出色的支持，将开发过程中所需的工具打包汇总，通常情况下，只需下载相应的版本，便能够获得充分的辅助。

微软所赋予的定义涵盖了免费、开源以及跨平台三大特点，它重新诠释了代码编辑器的概念。此外，去年微软的收购行为也进一步印证了其在开源领域的不断探索和尝试。

开源对于产品的持续成长至关重要。在这四款编辑器中，有一款是闭源的，而VS Code、Vim和Atom均为开源项目，其中VS Code在开源方面表现得尤为出色。

VS Code 并非仅仅将代码公开。它实际上将产品的整个开发流程构建在开源理念之上，并与整个社区紧密协作，认真听取用户在各个方面的意见，从而不断优化和提升 VS Code 的性能。

每年，VS Code 团队都会在 Wiki上公布，展示出一年的详细规划蓝图。

每月伊始，在产品开发环节，VS Code 团队会在 Issue 平台上公布开发计划，详述本月份将要实现的所有功能。每个功能通常都对应一个 Issue，用户可以查阅详细的设计方案和相关资料，同时也有机会分享自己的观点和建议。

每月月底，随着新产品的即将面世，你有机会在指定平台浏览并掌握 VS Code 的产品测试与发布流程。

代码不仅对外公开，VS Code 的整个产品从规划、设计到发布管理都秉承“开源”理念：每个环节对每位用户都保持公开和透明，你不仅能够提交问题、发起代码贡献，甚至还能深入参与到每个功能的设计和讨论之中！

业界对此持续存在分歧——这个工具是否属于IDE的范畴？微软对此直接给出了答案sublime text 3汉化包怎么安装，将其定位为同类中最优秀的IDE；然而，对于另一些情况，微软目前仅将其视为一种代码编辑工具。

Code is a but code

为了有效应对这一挑战，我们需首先明确一个核心定义，即IDE究竟为何物？其全称是……，其表面含义为集成开发环境。换言之，它将开发流程中的关键操作及所需工具整合于单一的开发平台之中。通过这一平台，我们得以在一个程序中完成代码编写、调试、执行命令行以及版本管理等各项开发任务。

目前该系统具备强大的API接口，因而基本具备了集成开发环境的功能。借助它，我们能够编写代码，并通过内置的终端迅速执行命令行操作，下载调试插件，设置调试断点，实现代码的便捷调试。此外，系统还内置了Git工具，便于我们进行版本控制，从而高效管理源代码。各种编程语言均能找到对应的插件集合，用户可一键整体安装，整个软件开发流程均可在该工具内完成，它成功地对代码编辑器进行了全新定义。在Stack的2018年开发者调查中，VS Code荣登最受欢迎的开发工具榜首。

基本插件

这个部分介绍一些必装的开发插件，帮你大大提升代码编辑效率。

VS Code 拥有一个庞大且持续发展的插件体系，目前插件数量已突破一万。它不仅拥有一个集中的插件商店，而且用户在 VS Code 编辑器内部便能便捷地搜索、安装及管理插件。相对而言，插件数量不足5000个，且在编辑器中难以便捷地进行搜索与管理；Vim的插件数量虽然较多，但由于缺乏一个集中的插件市场，查找插件变得相当繁琐；Atom则拥有超过8000个插件，比VS Code略少，尽管在编辑器中也能找到插件，但VS Code的搜索和浏览功能显然优于Atom。

() Pack for Code 中文汉化包

对于那些英文水平不是特别高的朋友来说，首先需要做的就是将语言环境切换为中文，安装好汉化包插件后，通过按下快捷键Ctrl+Shift+P激活命令面板，输入指定指令，接着选择“zh-ch”选项，最后重启vs code程序即可。

open-in- 在浏览器中查看

VS Code自身并不支持在浏览器内直接执行程序，因此我们必须额外安装插件，以便于在浏览器端观察程序运行的具体情况。

Live 实时预览

安装此插件后，每当我们在编辑器中对代码进行编辑并按下Ctrl+S进行保存，修改后的效果便会即时更新，直接呈现在浏览器界面，无需再手动进行刷新操作。

Auto Close Tag 自动闭合标签

输入标签名称的时候自动生成闭合标签，特别方便。

Auto Tag 尾部闭合标签同步修改

自动检测配对标签，同步修改。

Pair 用不同颜色高亮显示匹配的括号

在进行配对时，我们会为括号添加颜色以便于辨识，而在未安装相关插件的情况下，所有的括号都保持为无色的白色状态。

Tag 高亮显示匹配标签

这款插件能自动将用户所选的对应标签进行突出显示，从而免去了我们费力寻找的烦恼。

-icons 文件图标

此插件能够协助我们依据各类文档格式自动创建相应的图标，使得我们在浏览侧边栏的文件清单时，能够通过图标直观地辨别出文件的种类。

Mac用户可选择下载名为“-icons-mac”的应用，其图标设计与“-icons”相似，区别在于文件夹采用了Mac系统的风格设计。

TODO 高亮

在编写程序时，若需在某区域设置记号以便日后进行补充或调整，可通过此插件实现高亮标注，进而便于我们迅速找到需修改的代码段落。

Code Spell 单词拼写检查

在编写程序时，我们常因疏忽而犯错，导致软件无法正常运行。安装此插件后，它将自动检测拼写错误并提供修改建议，有效减轻了我们排查问题的负担。

Code 运行选中代码段

若你打算学习或探索不同类型的编程语言，Code 插件便能助你一臂之力，无需构建各类语言的开发环境。借助此插件，你便能直接执行相应语言的代码。此工具特别适合用于学习及测试各种编程语言。操作简便，只需右键点击并选择“运行代码”即可。它支持众多编程语言，其中包括Node.js。

Cost 成本提示

在导入工具包的过程中，该插件会向你展示该包的文件大小，若发现其体积超出常规，便需考虑进行压缩处理，以便为后续的上线优化工作做好准备。

查看Git信息

将光标定位至代码的某一行，系统便会自动展示该行代码的最新内容以及对应的创作者信息，这对于团队协作尤其有益，能够明确责任归属，有效避免推卸责任的情况发生。

书签

对代码进行书签标记，通过快捷键实现快速跳转到书签位置。

具体的快捷键可以在键盘快捷方式中自定义设置：

拓展插件

这部分主要介绍一些针对特定开发环境的插件

--

采用-ui框架的用户可安装此插件，在编写标签时将自动显示标签名称提示。

Lens 工具包版本信息

.json文件会展示你已下载并安装的npm工具包的具体版本，并且会提供该包的最新版本信息。

Vetur VUE语言包

VUE是目前最受欢迎的框架之一，众多企业倾向于采用VUE来开发产品，而Vetur则为VUE提供了出色的语言辅助功能。

在未安装该插件之前，编写带有.vue后缀的文件时，代码显示为纯白色。

安装插件并创建vue文件后，输入字符s，随后按下Tab键，即可实现模板的自动填充。

计算代码工作量

这是一款专门用于时间管理的软件，它能够协助你在使用VS Code进行编程时，准确记录下你所投入的有效编程时间。

以折线图的形式呈现数据，直观地反映出您一周的工作动态，回顾过往，在编写项目期间，曾有某日连续编程时间接近12小时，您的辛勤与努力，我们都看在眼里。

在他的官方网站上，扇形图会直观地展示你编写不同语言所耗费的时间比例，以及你在各个项目上的时间投入情况。这份详尽的数据报告非常实用，项目完成后，你能够一目了然地看到自己时间的具体分配情况。

Sync 设置同步到Gist

进入新公司或更换新电脑后，我们往往需要搭建新的开发环境。此时，逐个下载插件并重新配置vs code既繁琐又容易遗漏细节。借助这个插件，我们可将vs code的配置信息上传至Gist，随后再从Gist下载，从而轻松实现配置在新环境中的同步。

在首页点击头像，选择进入设置页面。

点击左侧侧边栏 ，进入开发者设置。

选择 ，点击右侧 new token。

填写token名称，在下方勾选gist。

点击下方的 token按钮生成一个新的token。

将生成的新的token保存下来。

在软件中安装名为Sync的插件，随后按下Ctrl+Shift+p组合键，输入“Sync”进行搜索，接着从搜索结果中选择“更新/上传配置”这一选项。

将中生成的token输入，点击回车。

在控制台界面，系统会自动生成一个唯一标识符，随后，便可以使用该标识符以及token进行配置的同步操作。

按下Ctrl+Shift+p组合键，输入“Sync”指令，随后选择下载配置选项，然后输入相应的token和id，即可完成同步下载操作。

本文所提及的vs code设置已悉数上传至Gist，有需求的朋友不妨下载使用。

可以在配置文件中选择是否自动上传和下载

颜色主题

身为一名程序员，日常大部分时光都坐在电脑前编写程序，与编辑器紧密互动。为了增添编写代码时的愉悦体验，挑选一款赏心悦目的颜色主题至关重要。考虑到眼睛的保护，我向您推荐一款深色主题的安装包，其中囊括了以下几款皮肤。

我最为偏爱的仍旧是那两款深色调的设计，对于主题而言，一旦适应了通常就不会轻易更换，因此挑选一款让自己感到舒适的便足够了。

吸血鬼主题（本人目前使用的一款）

One Dark Pro

常用快捷键

编辑器与窗口管理

Ctrl+Shift+P: 打开命令面板。

Ctrl+Shift+N: 新建窗口。

Ctrl+Shift+W: 关闭窗口。

切分窗口：Ctrl+1/Ctrl+3/Ctrl+3

Ctrl+H：最小化窗口

Ctrl+B：显示/隐藏侧边栏

Ctrl++/-：放大/缩小界面

文件操作

Ctrl+N：新建文件

Ctrl+W：关闭文件

Ctrl+Tab：文件切换

格式调整

Ctrl+C/Ctrl+V：复制或剪切当前行/当前选中内容

Alt+Up/Down：向上/下移动一行

Shift+Alt+Up//Down：向上/下复制一行

Ctrl+：删除当前行

按下Shift键和Alt键的同时，使用左右方向键可以实现对光标所在位置左右区域内容的选取。

代码编辑

Ctrl+D：选中下一个相同内容

Ctrl+Shift+L：选中所有相同内容

Ctrl+F：查找内容

Ctrl+Shit+F：在整个文件夹中查找内容

常用设置

我们可以在.json文件中进行手动配置，以提升我们编辑器的使用体验。

关闭标签介绍信息

编写代码时，若鼠标悬停于特定标签之上，常会自动显示相关介绍信息，这些信息会遮挡部分代码，从而给阅读带来极大不便。尽管我们一直试图寻找关闭这些信息的方法，但至今未果。目前，我们可以通过调整时间延迟来暂时解决这个问题，我已将延迟时间设置为5000毫秒，您可以根据需要设置得更长，这样基本上就能避免信息弹出。

自动折行

设置代码根据编辑器窗口大小自动折行

字体设置

自动保存

目前有四个选项：

关闭自动保存功能。若文件自上次修改以来经过的时间超过了“文件自动保存延迟”设置的时间限制，则系统会自动执行保存操作。此外，当编辑器或窗口失去焦点时，也会自动保存文件所做的更新。

关闭代码提示

END

往期精选

28 July 2019

如有侵权请联系删除！