Get-Start-Of-VScode-Ext-Dev

发表于 更新于

初始化项目

安装 Yeoman 和 VS Code Extension Generator：

1
pnpm add install yo generator-code --save-dev

声明

使用 package.json 作为声明文件，详细配置字段查阅 Extension Manifest Reference

入口文件

The extension entry file exports two functions, activate and deactivate. activate is executed when your registered Activation Event happens. deactivate gives you a chance to clean up before your extension becomes deactivated.

生命周期钩子函数：

  • activate
  • deactivate

三个概念

Activation Events: events upon which your extension becomes active.
Contribution Points: static declarations that you make in the package.json Extension Manifest to extend VS Code.
VS Code API: a set of JavaScript APIs that you can invoke in your extension code.

UX Guidelines

https://code.visualstudio.com/api/ux-guidelines/overview

说明vscode 界面布局区域

注册命令

1
vscode.commands.registerCommand('nodeDependencies.refreshEntry', () => nodeDependenciesProvider.refresh());

注册之后即可在声明文件中调用，比如上面的 nodeDependencies.refreshEntry