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

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

前言

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

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

通过VSCode快捷键Ctrl+Shift+P,输入User Snippets来创建一份代码片段,在什么语言环境中支持可以自行选择。

内容请参照默认生成的注释来进行配置：

{
"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；

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

1. 创建组织：https://aex.dev.azure.com/me?mkt=zh-CN

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

1. 创建publisher，原有的命令已不支持：https://aka.ms/vscode-create-publisher

1. 插件插件发布情况：https://marketplace.visualstudio.com/

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

1. 执行发布脚本 执行期间需要输入token进行登录验证

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