我来了……

如何编写vscode extension插件

vscode extension

vscode用了好久了,说真心话,真的好用。除了有几次更新,有许多bug,现在已经比较完善了。大家都注意到vscode 有个插件的功能,可以安装扩展。那么自己想写个vscode extension插件 怎么写呢?

官方教程:https://code.visualstudio.com/docs/extensions/overview

知识点

官方推荐的是使用vscode extension generator,执行下面的命令:(基于yoman)

npm install -g yo generator-code
yo code

 

推荐插件

  1. import cost ,这个插件有个bug,就是引入大的类库的时候,计算量很大,导致计算机资源浪费,卡顿,最好限制下计算量。介绍:https://hackernoon.com/keep-your-bundle-size-under-control-with-import-cost-vscode-extension-5d476b3c5a76 ,里面用到了 Babylon AST parsers,很高级。
  2. import cost mui,这个是我基于import cost插件做的,通过网络请求只计算 远程包。比如
    import "mui/jquery"; 

    这种远程资源,直接通过http请求,获取header中的content-length字段来计算就好了。置于在项目中这么用远程包,这个是我项目内部处理的。首先需要模块加载,然后把通用的模块发到cdn,然后自己定制下打包脚本就好了。

未经允许不得转载:前端学堂fed123 » 如何编写vscode extension插件

分享到:更多 ()