欢迎来到您的VS代码扩展
开发环境
- Node版本: v20+(可使用nvm进行多版本管理)
- 在项目根目录安装依赖
npm install
- 安装 vsce
npm install -g @vscode/vsce
- 导出安装包
npm run package
文件夹中有什么内容
- 此文件夹包含扩展所需的所有文件。
package.json - 这是您声明扩展和命令的清单文件。
示例插件注册命令并定义其标题和命令名称。有了这些信息
VS Code可以在命令面板中显示该命令。它还不需要加载插件。
extension.js - 这是您将提供命令实现的主文件。
该文件导出一个函数activate ,这是你的扩展第一次调用
激活(在这种情况下通过执行命令)。在activate 函数中,我们称之为registerCommand 。
我们将包含该命令实现的函数作为第二个参数传递给
registerCommand 。
运行
- 按“F5”打开一个新窗口并加载您的扩展程序。
- 在Mac上按(
Ctrl + Shift + P 或Cmd + Shift + P )并键入“Hello World”,从命令面板中运行命令。
- 在
extension.js 中的代码中设置断点以调试扩展。
- 在调试控制台中查找扩展的输出。
修改
- 更改
extension.js 中的代码后,您可以从调试工具栏重新启动扩展。
- 您还可以使用扩展名重新加载(在Mac上为“Ctrl + R”或“Cmd + R”)VS Code窗口以加载您的更改。
探索API
- 当您打开文件
node_modules / vscode / vscode.d.ts 时,可以打开我们的全套API。
运行测试
- 打开调试视图(在Mac上为“Ctrl + Shift + D”或“Cmd + Shift + D”),然后从启动配置下拉选择“启动测试”。
- 按“F5”在加载扩展名的新窗口中运行测试。
- 在调试控制台中查看测试结果的输出。
- 更改
test / extension.test.js 或在test 文件夹中创建新的测试文件。
- 按照惯例,测试运行器只会考虑与名称模式
**。test.js 匹配的文件。
- 您可以在
test 文件夹中创建文件夹,以任何方式构建测试。
调试
使用vscode调试工具生成.vscode/launch.json文件,将根目录的launch.json覆盖.vscode/launch.json
| |