持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情

vscode插件入门

Visual Studio Code是以可扩展性为前提而构建的。从用户界面到编辑体验，VS Code的几乎每个部分都可以通过扩展API进行定制和增强。事实上，VS Code的许多核心功能都是作为扩展构建的，并使用相同的扩展API。

官方提供的代码示例Microsoft/vscode-extension-samples

插件可以做什么

• 用颜色或文件图标主题来改变VS Code的外观 Material Icon Theme

• 在用户界面中添加自定义组件和视图 GitLens

• 支持一种新的编程语言，可以针对不同的文件做代码提示，补全，文件跳转 ES7+ React/Redux/React-Native snippets

• 支持调试一个特定的运行时 Debugger for Java

搭建一个插件工程

安装yo和generator-code, 执行命令生成项目工程，这个过程会自动帮我们执行安装依赖的命令

npm install -g yo generator-code
yo code

extension.ts是项目的主入口文件

按F5启动项目,会在新的窗口编译和运行该扩展程序

这样就完成了一个最简单的项目工程的搭建,在这个基础上面去不断增强完善我们插件内部的功能，后面我们会讲解package.json中的配置项