VSCode插件开发

VSCode插件开发

工具准备

• 安装Node.js

• 升级Npm

  需要保证 npm 是最新的版本，不然安装 Yeoman 可能出错

  npm i -g npm

• 安装Yeoman

  npm install -g yo generator-code

编码准备

• 生成插件

  最先是使用 Win10 来安装 Yeoman，然后各种问题，特别是无法命名继续往下面执行（补充：升级nodejs 版本可解决这个问题），所以改用 Ubuntu，结果一切正常。

  已经安装了 Yeoman，所以直接命令：

  yo code

  

  选择插件类型Typescript。然后顺序执行：

  

• 调试插件

  • 进入刚建的文件目录

    cd X

  • 使用VSCode打开项目

    code .

  • 按F5进入调试模式

  一个新的VS Code实例将以一种特殊的模式(Extension Development Host)启动，这个新的实例是可以使用你的插件的。

  • 测试插件

  在新的VS Code实例命令窗口输入：Hello World 命令。可以看到有一个自动输出。

Typescript语法

略。

开始写第一个插件

• 插件结构

.
├── .gitignore
├── .vscode                     // VS Code 集成配置
│   ├── launch.json
│   ├── settings.json
│   └── tasks.json
├── .vscodeignore
├── README.md
├── sr