Step 1:First Extension

https://code.visualstudio.com/api/get-started/your-first-extension

按教程来，一步步出错，发现无法执行，原因是没安装ts的compiler:
https://github.com/microsoft/vscode-generator-code/issues/184
image.png

注意使用tsc的话，是需要编译成js的，目前还不知道如何自动化，于是我手动在终端中运行一下tsc

image.png

然后就可以进行测试 F5运行窗口， cmd+shift+p选择Reload Window, 然后再cmd+shift+p运行我们的hello world方法:
image.png

Step 2: Extension Anatomy

https://code.visualstudio.com/api/get-started/extension-anatomy

看看你的插件包：
image.png
代码逻辑在此，此时我们需要:
image.png
在package.json中注册了该events:
image.png

好现在我们把Hello World命令， 改成Hello World666, 首先就是改package.json中的title, 才能找到这个命令:
image.png
我们现在就能看到这个命令的title了:
image.png
这时候，点击这个title就会去找extension.ts中的command,即配置中的command。

extension.ts注册的command应该和package.json中的名称一致

extension.ts:
image.png
package.json:
image.png

这里要理解三个点:

  • Activation Events: 插件激活事件， extension中注册的。
  • Contribution Points: pacakge.json中的contribution
  • VSCodeAPI: 插件可以调取的API

所以插件结构也就非常简单了：
image.png

下边可以搞事情了：）

Extending Workbench(扩展工作台)

image.png我们先搞一搞命令

Commands