一、前言; l% u3 o b& C7 X7 g8 d
本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。 + _% E Y1 t3 m. h2 b/ Y二、环境准备 ; m) U& U' @& f: j: w) }2 f
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g + a* m( I* e4 f8 K
三、开发者账号申请 ) n# p' g$ o, v 点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。 # q& S: h2 d. K) S( }1.注册并登录 Azure DevOps。9 V) D* A5 T2 s" k; L. O8 q
2.选择或者创建一个组织(new organization)。& c# M2 g$ J) z
3.在该组织下创建一个项目(new project)。/ \( C$ E7 `9 ^
以上三步都是为了获取开发者(publisher)的token,获取token如下图:: e5 N K. g8 o # k) Y5 I. i4 |) h0 b1 M5 @3 A4 k# h4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。, N3 @" l% n+ W& B0 X
0 @8 U$ d X6 s9 t3 y* L7 p
5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。, ?9 u0 q' x' X 三、项目搭建& l& d" ~2 S/ [: _- _) `; E: m
1、项目初始化" Z& c* U) r" c- Z: g, b0 R9 J
终端输入 yo code。
选项如下设置:language选择javascript,名称就是你扩展的名称。$ S4 g c/ |" Q. B9 K" y$ T
0 Z) d- `, c5 V) w/ E
2、项目改造- ~ z. _' p0 ^' m
将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造:9 [7 M2 }9 f- }( e) T3 Z, C
1.将package.json改造成以下模样: 5 |8 X7 x8 x) b/ N4 T$ O" {