VSCode 自动补全插件编写到发布

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～

前言

通过编写代码片段来实现按自己要求自动补全的功能，在一些项目中总会总结出一些规范的关键字或常用的单词，避免重复造词又懒得记忆，我们通过插件来做提示也未尝不可，顺便熟悉一下VSCode插件的编写到发布的流程。

准备自动补全的配置文件：

1. 通过VSCode快捷键Ctrl+Shift+P,输入User Snippets来创建一份代码片段,在什么语言环境中支持可以自行选择。
2. 内容请参照默认生成的注释来进行配置：

{
	"Key Word （get）": {
		"scope": "javascript,typescript",
		"prefix": "kw.get",
		"body": [
			"get$1",
			"$2"
		],
		"description": "获取"
	}
}

通过脚手架生成插件项目

1. 键入依赖安装命令：npm i -g yo generator-code vsce；
2. 键入创建插件命令：yo code命令后选择New Code Snippets；

3. 将准备好的配置文件内容覆盖到snippets文件夹的文件中；
4. 完善package.json的内容为自己的信息；
5. 更新README.md文件（必须修改，按自己要求或者随便改）；
6. 键入打包命令：vsce package，生成后的文件可以分享安装。

准备发布插件的账号信息

1. 准备微软账号：login.microsoftonline.com/

2. 创建组织：aex.dev.azure.com/me?mkt=zh-C…

3. 跳转到组织并创建Personal Access Tokens： dev.azure.com/<组织名称>/

4. 创建publisher，原有的命令已不支持：aka.ms/vscode-crea…

5. 插件插件发布情况：marketplace.visualstudio.com/

一顿注册完还没搞定的联系我一下，谁知道我都整了啥。

6. 执行发布脚本

执行期间需要输入token进行登录验证

#!/usr/bin/env bash
echo '请进行登录相关操作：'
vsce login publisher-name # 登陆
vsce package # 打包
echo "-------publishing-------"
vsce publish # 发布
echo "发布结束"
exit

欢迎关注我的公众号“前端小鑫同学”，原创技术文章第一时间推送。