VSCode 自动补全插件编写到发布
前言
通过编写代码片段来实现按自己要求自动补全的功能，在一些项目中总会总结出一些规范的关键字或常用的单词，避免重复造词又懒得记忆，我们通过插件来做提示也未尝不可，顺便熟悉一下VSCode插件的编写到发布的流程。
准备自动补全的配置文件：
- 通过VSCode快捷键
Ctrl+Shift+P,输入User Snippets来创建一份代码片段,在什么语言环境中支持可以自行选择。
- 内容请参照默认生成的注释来进行配置：
{
"Key Word （get）": {
"scope": "javascript,typescript",
"prefix": "kw.get",
"body": [
"get$1",
"$2"
],
"description": "获取"
}
}
通过脚手架生成插件项目
- 键入依赖安装命令：
npm i -g yo generator-code vsce；
- 键入创建插件命令：
yo code命令后选择New Code Snippets；
- 将准备好的配置文件内容覆盖到
snippets文件夹的文件中；
- 完善
package.json的内容为自己的信息；
- 更新
README.md文件（必须修改，按自己要求或者随便改）；
- 键入打包命令：
vsce package，生成后的文件可以分享安装。
准备发布插件的账号信息
- 准备微软账号：https://login.microsoftonline.com/
- 创建组织：https://aex.dev.azure.com/me?mkt=zh-CN
- 跳转到组织并创建Personal Access Tokens：
https://dev.azure.com/<组织名称>/
- 创建publisher，原有的命令已不支持：https://aka.ms/vscode-create-publisher
- 插件插件发布情况：https://marketplace.visualstudio.com/
一顿注册完还没搞定的联系我一下，谁知道我都整了啥。
- 执行发布脚本
执行期间需要输入token进行登录验证
#!/usr/bin/env bash
echo '请进行登录相关操作：'
vsce login publisher-name # 登陆
vsce package # 打包
echo "-------publishing-------"
vsce publish # 发布
echo "发布结束"
exit
| |
