扩展 VSCode

发布于

AI总结: 本文介绍了如何生成和打包VS Code扩展包的步骤,包括安装Yeoman和vsce工具,创建扩展包工程,以及如何打包和发布扩展到VS Code Marketplace。同时提到需要使用Node 18或更高版本来避免语法兼容问题,并提供了环境变量配置的建议。 优化建议: 1. 在步骤中可以增加对每个命令的简要说明,帮助用户理解每一步的目的。 2. 提供可能遇到的错误及其解决方案,例如vsce命令未找到时的具体操作步骤。 3. 增加对Node版本检查的说明,确保用户在开始之前已满足环境要求。

生成扩展包工程目录

安装 Yeoman 工具

默认源下载慢的话, 可以通过chsrc测速改源

npm install -g yo generator-code

创建扩展包工程

yo code

扩展打包

安装 vsce 打包工具

npm install -g @vscode/vsce

生成扩展

新版vsce需要使用Node 18或者更高版本, 低版本执行存在语法兼容问题

$ cd myExtension
$ vsce package
# myExtension.vsix generated

$ vsce publish
# <publisherID>.myExtension published to VS Code Marketplace

$ vsce login
# 输入用户名和PAT 进行更新

如果提示vsce命令未找到, 可以将vsce.cmd命令所在目录添加到环境变量PATH中: C:\Users\Administrator\AppData\Roaming\npm