如何写你自己的第一个 Visual Studio Code 扩展上插件商店

原创 bobocode 教程 javascript 124阅读 2019-01-25 14:43:31 举报

Visual Studio Code 写自己的扩展

官方文档学习地址

流程步骤

  1. Azure注册账号
  2. 到自己的账号面板

    1542716898849

点击Security 新建自己的Token, 以下的选项必须选成这样,不然后期发布会报错,获取的Token保存下来有用,Token只显示一次,所以最好用文本保存

1542716959297

  1. code 官网注册自己的账号
  2. 到自己本地新建目录 demo
  3. 打开cmd进入控制台输入 npm install -g yo generator-code yo code
  4. 根据自己的需求选择自己的选项

    Thecommandgenerator

  5. 修改package.json
    1. 注意目录下还要个LICENSE文件, 我自己用的是MIT
    2. 项目的入口文件是extension.ts(我新建时选择的是Typescript选项)
    3. 运行

      1542718467868

      Ctrl+shift+P 输入关键字 showInfo 显示
      1542718490454
      Ctrl+shift+P 输入关键字 showNumber 显示
      1542718635191

    4. 运行npm install -g vsce,安装发布模块
    5. 执行vsce create-publisher (publisher name)
    6. 然后运行vsce login 登录
    7. 输入之前注册 Token
    8. 最后执行 vsce publish

      1542718770701

  6. 发布成功
  7. 等几分钟去商店搜索

    1542718951912

  8. 本地VSCode 搜索

    1542719009423

项目源码

vscode_demo

欢迎star,谢谢!

总结

详情看官方文档,只是介绍vscode 开发到发布流程,具体开发自行学习文档,谢谢!

学习交流

我开了个知乎专栏前端杂谈, 用于记录学习的历程,踩过的坑还有学习收获,如果对你有帮助,不胜荣幸。写专栏也算是对自己的监督吧,可以关注我的专栏互相学习和交流,谢谢!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复