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 bashecho ‘请进行登录相关操作：’vsce login publisher-name # 登陆vsce package # 打包echo “——-publishing——-“vsce publish # 发布echo “发布结束”exit