[TOC] ## 注意事项 ### 图片与Logo * `pacakge.json`文件中的 icon 不可以是 SVG。 * `pacakge.json`中的徽章不可以是 SVG，除非来自于[可靠的图标来源](https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/extensibility-reference/extension-manifest?id=%e4%bd%bf%e7%94%a8%e8%ae%a4%e8%af%81%e8%bf%87%e7%9a%84%e6%a0%87%e5%bf%97) * `README.md`和`CHANGELOG.md`中的图片链接需要使用`https`协议 * `README.md`和`CHANGELOG.md`中的图片不可以是 SVG，除非来自[可靠的图标来源](https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/extensibility-reference/extension-manifest?id=%e4%bd%bf%e7%94%a8%e8%ae%a4%e8%af%81%e8%bf%87%e7%9a%84%e6%a0%87%e5%bf%97) 例如引入 icon ``` "icon": "resources/logo.jpg" ``` ### README.md * 插件根目录下面的`README.md`文件可以用来填充插件市场的页面内容。`vsce`会将 README 中的链接通过下面两种方式修改掉： * 如果你的`package.json`的`repository`字段是一个 Github 仓库，`vsce`会自动检测，然后相应地调整链接。 * 运行`vsce package`时，加上`--baseContentUrl`和`--baseImagesUrl`标识重载上述行为。 ### CHANGELOG 项目下的`CHANGELOG.md`文件会成为插件的发布日志。 ### .vscodeignore 创建一个.vscodeignore文件可以再打包时 排除插件目录中的内容。这个文件支持glob模式，每个表达式一行。 ## 编译插件 ``` // 安装 npm install -g vsce // 打包 vsce package ``` ## 创建账号 最终需要vs code 商城创建账号,并进行上传 ``` https://marketplace.visualstudio.com/ ``` 由于命令行发包 `vsce publish -p <token> ` 需要token 认证等,比较麻烦,所以,目前就是直接再 插件市场中上传打包的vtx