如何发行你的插件,跟我学 VSCode 插件开发 | 创作者训练营

简介: VSCode插件开发系列教程计划

VSCode插件开发系列教程计划


计划赶不上变化,随时迭代,欢迎留言



  • 介绍 package.json 配置


  • TreeView


  • WebView


  • 监听代码输入


  • 如何发行你的插件 ☑️


安装官方打包工具


首先我们要安装上这个官方的插件发行工具,可以把我们的插件工程打包成.vsix文件,也可以直接发布到插件市场当中


npm i vsce -g


后面使用命令发行插件时,如果你没有设置package.json里的repository会收到提示。但不是非要填(插件可以不开源),选N即可。


打包成 .vsix 文件


vsce package


打包完成后,会在工程目录生成.vsix文件,这个文件的安装只能通过插件搜索右上方的菜单来进行


1650857211(1).png


把插件发行到插件市场


注册Azure开发者账号


先得有一个 微软通行证 ,然后打开 azure开发者中心 ,新建一个 azure开发组织


新建个人令牌


注意选择 Full access 和 过期时间,如果令牌过期,需要回到这个页面再新建令牌。


1650857242(1).png


这步之后,一定要复制并保存好你的令牌字符串哦。之后只能新建,是找不到的。


注册插件市场发行账户


接着我们 注册插件市场发行账号,也在这可以管理所有市场中自己发布的插件。


1650857273(1).png


当然我们也可以使用vsce命令来创建发行账户


vsce create-publisher 发行账户名称


发行


vsce publish


这个过程里还会检查一些package.json的必填项,一切无误的话,就会看到下面这个图


1650857309(1).png


发行成功啦!

但此时我们的插件在市场中还搜不到,等个5-10分钟一般就有了。


1650857464(1).png


注意事项


  • README.md是插件主页的详情介绍;


  • 记得更新package.json里的版本号;


  • 如果package.json中填写了repository字段,在发布时会要求你先提交仓库;


  • README.md中的图片资源必须全部是HTTPS的;


  • CHANGELOG.md是插件主页的变更选项卡;


一但用户安装了你的插件,只要不卸载,插件有新版时后会自动更新的。


相关文章
|
1月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
|
1月前
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。
|
2月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
604 3
|
2月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
293 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
2月前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
46 1
|
2月前
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
48 1
|
3月前
|
开发框架 .NET C#
VSCode开发.net项目时调试无效
【9月更文挑战第22天】在使用 VSCode 开发 .NET 项目时遇到调试问题,可从项目配置、调试配置、调试器安装、运行环境、日志和错误信息等方面排查。确认项目类型及文件配置,检查 `launch.json` 文件及配置项,确保调试器扩展已安装并启用,验证 .NET 运行时版本和环境变量,查看 VSCode 输出窗口和项目日志文件,检查权限及代码错误。若问题仍未解决,可查阅官方文档或社区论坛。
|
2月前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
47 0
|
2月前
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
37 0
xal
|
Web App开发 JSON 前端开发
VSCode插件开发全攻略(八)代码片段、设置、自定义欢迎页
更多文章请戳[VSCode插件开发全攻略系列目录导航](https://www.atatech.org/articles/121864)。 # 代码片段 代码片段,也叫`snippets`,相信大家都不陌生,就是输入一个很简单的单词然后一回车带出来很多代码。平时大家也可以直接在vscode中创建属于自己的`snippets`: ![_W354xH542_](http://imag
xal
2575 0