一、前言" G& R6 D6 v, I, x) ?4 b1 U/ t
本文为vscode插件——code snippets开发的踩坑笔记,旨在提供一个快捷有效的方式打造一款自己的vscode插件。上手不难,但是就是坑比较多,为了避免更多人踩坑,于是写文避坑。本文针对新手,楼主也是花了半天时间上手去踩坑的。文末有github仓库地址,码友们可以直接clone下来当作以后code snippets插件的模板。3 V2 D. O9 m, o% H* M; {: { 二、环境准备 ; O+ z/ f+ P# `6 ^
node
npm
yeoman sudo npm i yo -g
gernerator-code sudo npm i gernerator-code -g) C! M- a) l9 F" M
三、开发者账号申请 4 A7 p/ q8 H8 j, r4 { 点击 Visual Studio Team Services,点击最上方立即注册,注册自己的账号,可以用GitHub账号直接登录。 / _# Q$ d' N6 N$ u/ u3 [8 u) d1.注册并登录 Azure DevOps。+ A! l$ P. T* s/ J0 v
2.选择或者创建一个组织(new organization)。 + h0 ?! T, u( X# j8 l1 j6 v. D8 h3.在该组织下创建一个项目(new project)。 7 ~3 N2 X# h2 J' X* n 以上三步都是为了获取开发者(publisher)的token,获取token如下图: `3 R1 @: Z) G" A/ r% x5 y2 R ) p# Q! b1 p) B* _% @7 [/ J. W4. 点击 New Token,注意这里创建token一定要下拉选择 all accessible organizations,然后点击右下角的 Show all scopes 找到 Marketplace 选择 Manage。. K0 f2 R" \$ j" M c $ k4 Q3 ~ M5 Q# _5. 注册vscode插件开发者(publisher):点击此处。注册保证name和id一致,并且只需要填写这两个就可以了。( z7 E, `: U Z# A i' E 三、项目搭建 & H/ D: {4 X% r6 q$ a$ ~9 S1、项目初始化 % @: G4 y- \3 \, R. o- a6 r
终端输入 yo code。
选项如下设置:language选择javascript,名称就是你扩展的名称。 0 i# I. k7 I! ~# s( G
% j( l. O8 x; k! C+ `/ g6 g
2、项目改造 $ p* E5 |+ N& B3 P: g$ i5 k 将项目文件夹yc-charts-code-snippets(你的扩展名字的文件夹)拖到vscode中打开。做以下改造:8 I `& b) {# ^0 V0 [7 W3 P
1.将package.json改造成以下模样:, ]1 A/ N3 W4 ^9 J. P; y: d. W