实现一个将JSON转markdown table的vscode插件 #

准备 #

1. 注册Microsoft 账号

2. azure平台创建Publisher (温馨提示：如果无法创建Publisher，尝试换个浏览器试试，我就是chrome点击创建没反应，改成edge就可以了)

3. 创建Person access token

   

   

   提示：点击create后记得保存token，后面发布插件至vscode marketplace 需要用到

快速生成插件项目 #

• 全局安装插件模板

  bash

  npm install -g yo
  npm install -g generator-code
  

• 根据模板生成插件项目

  bash

  yo code extensionProject
  

  

修改项目 #

• package.json

  

  1. 入口文件
  2. azure创建的Publisher
  3. 配置快捷键和命令title

• extension.js

  

  • 注意：框出来注册的命名名称，必须与package.json 中配置的command对应一致，否则就会导致快捷键无效问题
  • activate 函数就是写插件代码的地方

发布 #

• 安装vsce

  bash

  vsce login Publisher
  # Publisher 就是创建Publisher名称
  

• 打包插件成vsix文件（可用于本地安装）

  bash

  vsce package
  # 工程根目录下会生成一个xxx.vsix 文件
  

• 发布到vscode marketplace

  bash

  vsce publish
  # 注意：会提示输入个人访问令牌,就填前面生成个人令牌是保存的值
  # 提示：发布成功后需要过几分才能在marketplace上搜索到
  

安装插件测试 #

• 本地安装，选择打包生成的xxx.vsix文件即可

  

• marketplace安装：就是正常的搜索安装即可

完整：demo

参考文献 #

• https://juejin.cn/post/7121381959883816968