一、前言" F1 J3 ^& r/ S4 g" d% t
本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。 # l. o9 y; M. D4 l# }5 g二、环境准备# l) r' t/ g. [1 A$ x
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g6 K1 i2 t! l! h# b$ D' H- p W
三、开发者账号申请 & O/ U( ?9 A3 V3 q6 U: J' t# M 点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。1 y( l4 n K* ]& L7 X0 R
1.注册并登录 Azure DevOps。0 X7 {' d7 F4 B1 j" E
2.选择或者创建一个组织(new organization)。; q- L. [7 i8 r" J1 _
3.在该组织下创建一个项目(new project)。1 Q0 E5 X/ K5 u% c' U
以上三步都是为了获取开发者(publisher)的token,获取token如下图:. H I( I0 x6 ]0 y 5 | k7 \& ]" l/ y; h+ J4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。# v3 R/ J# A( @( E3 c + }3 q3 e7 I/ F! u* K2 q. p5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。! A9 d3 T5 @5 G( D 三、项目搭建 ; \1 O! P0 @" E2 q7 K$ |1 Y1、项目初始化 / K+ w: d- U/ u" V1 H* R
终端输入 yo code。
选项如下设置:language选择javascript,名称就是你扩展的名称。 % ]5 B6 D- ]* t
' n1 v3 {" S+ K& K. D, B
2、项目改造 9 V* O# ]; I0 B+ v @) p 将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造: ! h; p O0 Y. v1.将package.json改造成以下模样: 4 A: P$ u. x' i0 p9 ?# M