vscode插件开发

vscode插件开发流程

Posted by OYH on October 11, 2019

环境搭建

  • 官方推荐使用的脚手架工具 Yeoman 和 Generator-code

npm install -g yo generator-code

  • 插件打包和发布工具 vsce

npm install -g vsce

脚手架使用

  • 创建文件

yo code

  • 选择 New Extension 类型,然后依次填写插件名称、描述、包管理工具等基础信息。

运行调试

选择 VSCode 的调试菜单(command+shift+D),点击运行按钮,弹出一个名为扩展开发主机的窗口,这个窗口就是包含这个插件的临时调试窗口。

打包和发布

打包

打包命令:vsce package,打包完成后会生成 .vsix 后缀的安装包。如果插件仅为个人或者团队内部共享,那么手动安装即可使用,无需发布到 VSCode 插件市场。

发布

发布命令:vsce publish。发布需要发布者账号,前往 Azure DevOps 注册,注册后需申请 Personal Access Tokens ,详细申请细节见 说明文档