如何编写一个Vs Code插件？

本文邀请cheeqi来回答，让他手把手教你如何开发一个爆款VS Code插件！

vscode 插件的形态和一个 npm 包非常相似，需要在项目的根目录添加 package.json，并且在其中增加一些 vscode 独家的设置。其中最主要的设置是 Activation Events(插件的激活时机) 和 contribution points (插件的能力)。接下来我们主要看看这两个配置具体是什么意思。

声明插件的激活时机 Activation Events

我将 vscode 的生命周期简单描述为下图。下面会做进一步解释。

[ vscode 插件生命周期（转载请注明作者 cheeqi） ]

activate() 函数 & deactivate() 函数

可以看到生命周期中最终要的两个节点就是activate函数和deactivate函数。这两个函数需要在插件 npm 模块的入口文件 export 出去给 vscode 主动调用。

其中，activate 会在 vscode 认为合适的时机调用，并且在插件的运行周期内只调用一次。因此在 activate 函数中开始启动插件的逻辑，是一个非常合适的时机。

deactivate 函数会在插件卸载之前调用，如果你的卸载逻辑中存在异步操作，那么只需要在deactivate 函数中 retuen 一个 promise 对象，vscode 会在 promise resolve 时才正式将插件卸载掉。

onXxxx Activation Events

可以看到在activate函数之前，还有onLanguage等事件的描述，实际上这些就是声明在插件 package.json 文件中的 Activation Events。声明这些 Activation Events 后，vscode 就会在适当的时机回调插件中的 activate函数。vscode之所以这么设计，是为了节省资源开销，只在必要的时候才激活你的插件。当然，如果你的插件非常重要，不希望在某个事件之后才被激活，你可以声明Activation Events为*这样 vscode 就会在启动的时候就开始回调 activate函数。

插件的具体逻辑

插件中的具体逻辑 vscode 没有做任何限制，你可以通过调用vscdoe提供的各种 api 对其进行扩充。不过需要注意的是，出于性能和移植性考虑，vscode不允许开发者直接操作dom。

关于vscode 的 api 可以参考

https://code.visualstudio.com/api/references/vscode-api 这是微软根据 vscode 的 d.ts 文件生成的文档

举个例子

接下来我们来看几个插件的 Activation Events 声明

超越鼓励师 申明了 onCommand:ycy.showReminderView 和 * ，其实我们都知道只声明后一个就足够了

vuter 申明了 onLanguage:vue 所以他会在用户打开 vue 语言文件时被激活

vscode-icons 是一个纯主题插件，声明的是 *

GitLens 需要覆盖所有的文件，并且在vscode启动时就需要激活，他的声明是 *

关于 Activation Events 的说明可以参考官方文档 https://code.visualstudio.com/api/references/activation-events

声明插件的贡献点 contribution points

需要在 package.json 中声明的另一个重要字段就是 contribution points。 contribution points描述了当前插件支持哪些能力，以及对应能力的配置。

由于 vscode 禁止直接操作dom，往 UI 中插入功能的正确方式是声明贡献点。下图列出了 vscode 支持的所有贡献点。

[ 目前 vscode 支持的贡献点 ]

举个例子

接下来我们来看几个插件的 contribution points 声明

超越鼓励师 支持通过 commands 触发杨超越的提醒，同时可以配置提醒出现的时机，因此包括 commands / configuration

vuter 主要为 vue 文件提供语言支持，可以看到他提供的 contribution points 比较广，包括 commands / breakpoints / languages / grammars / configuration

vscode-icons 已支持主题为主，他提供了 iconThemes / commands / configuration

GitLens 是对vscode git 功能的增强，所以他的插入点集中在 UI 上的能力 configuration / commands / menus /resourceLabelFormatters / viewsContainers / views

关于 contribution points 的更多说明可以参考 https://code.visualstudio.com/api/references/contribution-points

编程语言支持

那么，要怎么给 vscode 增加一门新的编程语言支持呢？

就像之前说的，vscode 主要支持两类编程语言支持： 声明类语言特性主要描述了代码高亮、代码片段等轻量级需要实时给出响应的语言特性支持；而程序类语言特性只要提供更加高级的跳到定义、查找引用、hover提示等对实时性要求不高，而且需要大量计算的语言能力。因此前者更加适合在 IDE 的主线程进行处理，而后者可以考虑拆分到其他线程甚至服务中进行计算。

声明类语言特性（基本支持）

下面主要以语法高亮为例子介绍声明式语言支持。

[ 从手写 paser 到 TextMate ]

在最初，微软的工程师们为web开发中常见的开发语言都手写了 paser。这类 paser 执行效率很高，但对开发者的能力要求也比较高，不太适合未来的插件扩展。从 vscode 1.8 版本开始，微软引入了 TextMate 的高亮语法，并逐步将原有的手写 paser 切换到这种语法上。

[ TextMate 官网 ]

TextMate 本身是 mac 下的一个文本编辑器，vscode 借用了他对语言高亮文本的定义方式。TextMate语法的本质是用一个 json 文件来描述语言中的 token 和结构，当然为了方便，也可以改用 YAML 并编译成json。

顺便一提，而 TextMate 语法使用的是 oniguruma 库来解析正则表达式，oniguruma 中支持一些 js 引擎目前还不支持的正则特性，因此在 vscode 中使用了一个 oniguruma 的 c++ 模块来加速正则表达式解析速度。

另外，为了方便开发者编写语法高亮插件，vscode还提供了一个 yomen 模板用于生成插件基本目录结构，以及一个名为 inspectTMScopes 的调试器查看词法分析的结果。

[ vscode 提供的 yomen 模板 ]

[ inspectTMScopes ]

除了语法高亮外，vscode还支持这些特性：注释切换、括号定义、自动闭合、Auto surrounding、代码折叠、word Pattern、缩进规则等，详见

https://code.visualstudio.com/api/language-extensions/language-configuration-guide

现在用source insight的程序员多不多？source insight和VS CODE比，怎么样？

一直使用Source Insight作为代码阅读工具，也是用过其它的IDE，但在阅读代码方面无出其右者。

当然，Source Insight在整体功能上确实已经不如其它IDE了，虽然从Source Insight的菜单配置来看，当初它也是打算集协助开发、版本管理、编译运行等于一体的，但是后来不知道是什么原因，没有继续做下去了。而且，现在Source Insight的支持也不好，已经好久没有更新了，所以用它的人也确实越来越少了。

不过，Source Insight还是堪称阅读代码的神器，具体可参照我的文章——“代码阅读神器 — Source Insight”。

visual studio编写python怎么样？

这个当然是可以的，vs2017、vs2019都集成了python开发，只不过需要在安装的时候单独勾选一下才行，下面我简单介绍一下visual studio的python环境配置过程，感兴趣的朋友可以尝试一下：

首先，安装visual studio

这个直接在官网下载就行，目前最新版本是vs2019，Community社区版可以供个人免费使用，其他版本（Professional/Enterprise）需要付费才行，一个exe在线安装包，也就1.3M左右，直接双击就可进入安装界面：

其次，安装python环境

这里由于要进行python开发，所以需要在安装界面勾选“Python开发”这项，建议安装目录选择在非系统盘，不要什么插件都勾选，只选择自己需要的，不然安装空间会非常大，电脑也会非常卡，如果你已经安装了visual studio，可以在修复页面添加“Python开发”这项，不需要反复安装：

最后，测试python程序

visual studio安装完成后，我们就可以直接进行python开发了，新建一个项目，选择Python，这里你就可以根据自己需要创建相关类型程序了，和其他项目类似，只需要按部就班的创建文件就行，目前支持Python2、Python3，版本可以随时切换，整体效果来说非常不错，很适合老用户：

至此，我们就完成了在visual studio中配置python开发环境。总的来说，整个过程非常简单，只要你熟悉一下基本操作，很快就能掌握的，当然，如果你嫌vs太过臃肿和庞大，你也可以是使用其他软件，像vs code、pycharm等也都非常不错，非常适合python开发，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言进行补充。

微软为何要维护开源软件vscode？

微软为什么要维护开源软件Visual Studio Code？说得简单一点就是，VS Code能够做很多Visual Studio不能做的事情。

微软这几年干了几件大事儿，发布并且开源Visual Studio Code，重金收购GitHub代码仓库，上线Linux子系统，强化命令行工具PowerShell，发布Windows原生命令行工具Windows Terminal，发布winget原生包管理工具。你发现这里面的规律了吗？微软这几年做了一大批开发者工具，这些开发者工具都一致指向Linux/MacOS等Unix-Like平台下的开发者。

完全跨平台、强大的扩展功能

VS Code能做很多Visual Studio不方便做的事情，大家也都知道Visual Studio微软的集成开发环境，也是目前全行业最好的集成开发环境。C#在语法上其实比JAVA更加出色，整个.net工具生态也做得非常好，可是就是因为不是开原的，在跟JAVA的竞争中，不具备任何优势。

作为C#标准开发环境，.NET核心开发工具，Visual Studio又想保证Windows平台上的优势，微软不愿意将全功能的Visual Studio移植到Linux和MacOS平台，这样C#为主的.NET体系还是很难在其他平台壮大起来。

Visual Studio Code不存在这种问题，既然是开源软件，微软可以把一些插件和功能放到VS Code上，“开源+跨平台”是非常大的优势。VS Code是真正完全的跨平台，在Windows、Linux、MacOS上都有着出色的体验，因为这玩意儿是开源的，微软自己也开发了很多插件，加上开发者贡献的插件，功能可以变得非常强大。

VS Code能更好地笼络开发者

Linux开源哲学是得到了很多人认可的，很多开发者还是喜欢在Unix/Linux下工作，同时基于FreeBSD发展起来的MacOS，本身也具备非常纯正的Unix血统。

在比较大的互联网企业里面，MacOS办公、Linux开发已经是公开的秘密，美国以Google、Facebook等众多互联网巨头，大多数工程师会用MacOS和Linux，国内的互联网巨头也是MacOS办公为主，本地SSH连接远程Linux开发机开发在腾讯、百度等众多企业中也是非常常见的，可以看到的是MacOS和Linux是使用量非常大。

微软自己也认识到了这一点，愿意用Windows的开发者越来越少。微软先是在应用商店上线了Linux子系统，接着开发了Windows Terminal终端工具，今年微软直接上线了自己的winget包管理工具，要知道拥有着正统Unix血统的MacOS，到现在都还没有一个官方包管理工具，没想到这事儿让微软抢了先。

微软做的这一系列操作，其实都只是为了抢多开发者资源，Windows长期以来都被极客嫌弃，尽管我从来都不认为高手真的会拿自己使用什么操作系统说事儿，但是Unix传下来的很多哲学，确实对于开发工作来说是非常友好的。Visual Studio Code、Windows Terminal、winget都是微软拥抱Linux开发者的方式，用这样的方式来吸引更多习惯了在Linux下工作的开发者，明确告诉你的你能的我也能。

当代“程序猿”必备的神器有哪些？

“工欲善其事，必先利其器”，作为一名Coder，好使的工具可以大大提高我们的开发办公效率。不同技术栈，相信使用的工具也会大大小小有一些的差距，作为一名后端程序员，下面将自己常用的私以为“神奇”的工具在此介绍下，如有不同观点，欢迎留言讨论。

VSCode

首推的代码编辑类软件，个人也从最早的Sublime无缝切换到VSCode，跨平台支持，支持几乎目前所有的主流开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。使用起来还是爽歪歪的。

BeyondCompare

代码、文档之类的差异化对比软件，在同步代码，文档的时候还是很有用处的。可谓是一款功能强大的文件对比工具。

Git

全球最大的程序员交友网站，作为一名coder，如果你还不知道Git，没有使用过Git，那么我想你是在技术的道路上越早越远了。

Launchy

快速启动软件，它可以帮助我们抛弃桌面各种繁多的快捷方式，如下图是我想打开QQ的动态图，你需要的是使用快捷键快速打开该软件，输入QQ即可，当然Win10自带的Win+ S功能基本上和其相似，不过从Win7一路走来，还是习惯了 Launchy。

Everything

搜索神器，比windows自带的搜索功能不知道强大了几百倍，用过之后你再也不舍得丢弃它。如下图是我想搜索一本叫做图解设计模式的PDF书籍，只需输入设计模式即可，它就会自动索引出相关内容，而且速度快到出奇。再也不用为查找之前文档，软件所在目录而犯愁了。

VisualStudio

宇宙第一IDE，这名称当然也不是随随便便就配的上的，其功能的强大只有谁用谁知道了，拥有微软这一亲爹，好用到不得了。搭配番茄插件VA，简直是开发C/C++的神器，唯一的不足就是其不支持跨平台，只能在Windows上使用了。

Postman

一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。

收费VPN

这个，懂的人自然懂，让你跨越知识的海洋，畅游互联网。

有什么推荐的vs code插件？

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器，由于其卓越的性能和丰富的功能，很快受到了广大程序员的欢迎。

下面分享几款使用过的扩展插件，供各位参考：

1. Power Mode

Power Mode 能够在你敲代码的时候显示打字特效，十分炫酷，给无聊敲代码的你可以增添一丝乐趣。用户除了可以选择提供的一些特效模式之外，还可以进行自定义特效模式。

运行效果：

2. vscode-icons

vscode-icons 能够显示不同类型文件的图标，提高不同类型文件的可读性。

运行效果：

3. Guides

Guides 能够显示和区分不同缩进代码块，特别是对于Python编程过程中用于防止缩进错，提高代码的可读性。

运行效果：

4. Bracket Pair Colorizer

Bracket Pair Colorizer 能通过不同颜色将成对的括号区分开，大大提高代码的识别度。

运行效果：

5. Path Intellisense

Path Intellisense 用于路径提示，提示我们当前路径下存在的文件/文件夹。

小结

上面介绍的几款插件，基本上没有领域限制，无论哪个编程开发领域都可以使用。

同时，也欢迎各位分享和推荐你们使用起来效果非常好的插件！

开发软件的工具有哪些？

软件开发工具很多，但是实用的就那么几个，下面列举我常用的几个开发工具：

1.IntelliJ IDEA

这个可以说是目前最智能的编译器，它可以提示一些很基础却又很致命的代码错误，特别是用来写Java代码等。其他衍生的应用Webstorm、Pycharm、CLion等，分别可以更好地用来写JavaScript、Python、C++代码。

2.Visual Studio Code

vscode，本来是一款很强大、很热门的前端编译器，像Vue框架的作者尤雨溪，在公开场合，用来写代码的编译器，便是它了。但是笔者主要从事Java开发，使用IDEA来开发的频率高点，之所以使用vscode，更多的是把它当做一个文本编辑器，它支持多种编程语言的语法高亮，如你单纯看一些开源的代码，或者编辑一些脚本如nginx，又不想开占内存的大应用IDEA，轻量的vscode便是最好的选择了。

3.SwitchHosts

我们开发，经常会做一些域名映射，如何做到简便、快速、批量地切换域名，使用switchhosts就够了。这个应用，可能很多开发者不知道，在GitHub上就可以免费下载使用了。

4.FinalShell

我有这么一个常见的场景，就是登陆进一台Linux服务器，对里边做些配置，应用部署等，它就这么一个方便我们进去操作的工具。支持高亮，可以清晰看好里边的各种类型。文件有图形界面，方便文件上传，文本打开编辑。

主要用的，也就那么几个，这几个用好，也就可以胜任很多开发工作了。

Linux下什么IDE开发工具最好？

有钱jetbrain全家桶，没钱visual studio code

如何在VsCode中做Python开发？

这个其实非常简单，最主要的就是安装一下Python插件，之后就可以正常编写运行Python程序了，下面我简单介绍一下具体过程，主要内容如下：

1.首先，安装Python插件，这个直接在Extensions扩展中搜索“Python”就行，之后点击右下角的“安装”按钮，如下：

2.配置完成后，就可以直接新建py文件，编写相关代码了，测试程序如下，可以直接进行调试，非常方便：

3.这里你也可以添加本地Python解释器路径，只需要在settings.json文件中设置参数python.pythonPath路径为本地Python解释器路径即可，主要步骤及截图如下：

• 首先，点击左下角的“管理”按钮，在弹出的菜单列表中选择“设置”，如下：

• 接着在弹出的界面中搜索“Python”，点击“在settings.json中编辑”，如下：

• 之后将参数python.pythonPath设置为本地Python解释器路径，如下：

• 最后，就可以直接使用本地Python解释器运行代码了，效果如下：

• 如果你需要安装第三方模块的话，直接在“终端”中输入命令“pip install 模块名”就可直接安装，非常方便，和cmd下是一样的：

至此，我们就完成了在VS Code中配置Python开发环境。总的来说，整个过程非常简单，步骤也不繁琐，只要你熟悉一下上面的配置过程，很快就能在本地VS Code中搭建好Python开发环境，网上也有相关教程，非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。