一、前言 - k# K. [% {# o, ~* |: M! _ 本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。' M, c. h5 E0 Y8 d' s1 I8 z 二、环境准备 & S% o. x1 R% A& L
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g- i) V, M) f0 U* }$ [- P8 V# M
三、开发者账号申请 6 l" ?. l' o/ \7 L3 l* X: [6 Y$ o 点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。, R+ F+ b( ~8 @* g
1.注册并登录 Azure DevOps。 3 d+ B) e' g* q9 V* B2.选择或者创建一个组织(new organization)。, }% ^6 U' U1 s ^ d
3.在该组织下创建一个项目(new project)。4 D2 @+ T: l4 R: m3 b5 \& T$ \3 M
以上三步都是为了获取开发者(publisher)的token,获取token如下图: 4 u4 j# B: h4 ~6 X8 H* O( {
[+ g T) M1 J4 B/ ^2 R
4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。 ( @3 W' X5 V& E1 F * {, ]2 ]# W$ x. @, }9 ^3 `5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。 0 c; {9 ?3 C- F. b8 F三、项目搭建- X% j# q+ h0 D8 V2 Z: ~5 O" b
1、项目初始化 . J7 `- G4 t* F2 a& T" e* V3 A
7 d7 } E4 M8 {
2、项目改造 2 u" V* f( _" K* d% e 将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造:" }& \6 ?, q* t G# g
1.将package.json改造成以下模样:/ C5 z g. Y' a