Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

json-go-ts VS Code插件开发

痞痞鰕 2021-07-22 14:20:46 阅读数:2 评论数:0 点赞数:0 收藏数:0

背景

项目中需要一份json配置文件,这份配置文件的某些字段是依据另外的一个typescrip文件export出来的字段,为了降低编码过程中造成的字段名出错的机率。

因此,考虑开发一个插件用于:

  • json文件中自动补全fn name
  • jaon文件到typescript文件的自定义跳转
  • json文件中错误波浪线智能提示(当typescript文件没有export该字段时显示波浪线)

插件效果:

实现

项目源码

自动补全

跳转到定义

智能诊断&提示

关键点:使用json-to-ast将json文件转化为AST

一些踩坑

  1. 发布插件时执行vsce publish时报错ERROR Failed request: (401),生成的personal access token权限弄错了,应该选Full access

0d7f065c08da22fd11b8db01af81b8d9.png

  1. 发布插件时报错:ERROR Make sure to edit the README.md file before you package or publish your extension -- 修改一下工程里面的README.md文件(原来的文件删除&重写)
  2. 使用地址创建publisher账号一直不成功 -- 网络被限制了(科学上网真香)
  3. 插件在本地开发环境下可以运行,发布到线上没有响应(也没有报错)

    经过排查,项目中使用了一些npm库,但是发布插件时使用了tsc来编译,这种情况下node_modules里面一些npm库的代码是没有被编译进去的。需要引入webpack来进行打包&编译

参考

版权声明
本文为[痞痞鰕]所创,转载请带上原文链接,感谢
https://segmentfault.com/a/1190000040386930

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;