vscode插件开发教程-介绍与目录

vscode插件开发教程-介绍

本文参考vscode官方文档
很多内容也是直接翻译的，不喜勿喷。（2021-1-23更新）

插件可以做什么

vscode在设计上就非常注重扩展性，几乎vscode的每个部分都可以扩展。
下面是一些我们可以做的事：

• 修改vscode的外观 – 自定义主题
• 在ui里面增加新的组件/视图 – 扩展工作区
• 使用html/css/js构建页面（webview），比如markdown的预览功能 – Webview
• 支持新的语言 – 语言扩展
• 支持一个调试特定的运行 – 调试扩展

本系列内容

1. helloworld插件
2. 命令
   1. 执行vscode的内置命令
   2. 注册自己的命令给vscode

前置条件

语言

vscode插件最新版本可以由ts编写（也可以由js编写），本文示例均为typescript的，而ts又是javascript的超集，因此要求开发的人知道基础的js知识与ts知识，下面是一些比较好的教程（熟悉的可以跳过）：

1. javascript教程（es5）
2. es6教程
3. typescript教程

环境

运行插件需要提前准备nodejs，安装nodejs教程看这里