一、前言% w: s1 d/ D/ O3 M& b0 V/ M
本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。! M- a. |; C- S; V6 B 二、环境准备6 N j: g8 Z, A& q5 X) g- u D
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g 7 U7 z( \+ K% h' v& ]% I
三、开发者账号申请6 a" O! `$ y4 e/ h5 V
点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。8 ]' G5 n- G5 A$ w8 j! F v2 P
1.注册并登录 Azure DevOps。& _* u% N$ k7 ?, F
2.选择或者创建一个组织(new organization)。4 ^) T/ Q: O+ |, M5 c
3.在该组织下创建一个项目(new project)。9 \8 F7 d' r# D2 v( D
以上三步都是为了获取开发者(publisher)的token,获取token如下图: ! p" |; X1 Z; p* j) b* Z4 I
" B7 @0 ]* F0 o8 ^- R
4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。 : x S0 P& G) z! i4 N% d$ Y ! y# Y; n) P6 F4 y9 I5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。& Q& a, @' \0 m9 Y 三、项目搭建 3 Q4 q& j7 v; |+ l! B, P1、项目初始化 8 s; N9 @+ t' {0 ^4 l, `3 p
终端输入 yo code。
选项如下设置:language选择javascript,名称就是你扩展的名称。" [" Z$ V8 a( V* b- o
) n# n. x5 L* T
2、项目改造 . a% R6 M" n7 C0 D& H, S 将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造:: Q, A7 n$ Z; b. b5 B
1.将package.json改造成以下模样: 2 S! t7 ]& @, y