一、前言 5 k. P# g. i# Q4 d! X4 c. K 本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。 & ^/ F8 n" g2 h4 ?4 l! w二、环境准备6 C' m& P' T5 v. s3 ^
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g* L" n7 o5 [7 j/ d- J R
三、开发者账号申请3 E# o- k+ }; S
点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。 ( t1 x, i+ v0 C' p. c1.注册并登录 Azure DevOps。0 m" o2 u: X+ A, A
2.选择或者创建一个组织(new organization)。 $ [4 G$ S/ g# `+ _( g3.在该组织下创建一个项目(new project)。" g; `6 b$ d: N& C! L2 l
以上三步都是为了获取开发者(publisher)的token,获取token如下图:6 W5 p+ g) @* x' n8 ] / A( Q- b, k/ I! \4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。 $ w+ `# \* d# s1 ^2 a, d7 Y5 g6 W1 Y 7 P e, e3 b' v* h K' q# p% X5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。/ B( @! B7 P8 k' m2 x 三、项目搭建 ! \2 u/ a) g% ^1、项目初始化3 M# c: r' ~$ R/ p3 Y
7 F# w k2 z% i/ }3 A! _( U2、项目改造5 r, p `+ G/ o ]% n# A) u
将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造:% o1 p1 {. u0 }2 l U0 `. ?) S1 z5 o
1.将package.json改造成以下模样:: W6 J3 l) \5 Y