vscode扩展pubspec依赖快速打开文档

最近初步学习了下 Flutter (https://flutter.dev/)。

在学习一些开源代码的过程中发现一个小小需求:pubspec.yaml 中有很多 dependencies ,初学者很多都不熟悉,需要逐个复制到 https://pub.dartlang.org/ 搜索查询文档。

想来可以开发一个vscode插件,在对应的package name旁边加个按钮,我只需要 click 一下。(啊,是不是太懒了)

于是今天就开发了这样一个vscode extension:

Pubspec Dependency Search

安装扩展后,当打开 pubspec.yaml 时,扩展会查找 dependencies 和 dev_dependencies ,并在每个依赖上面加一行字(链接)。例如: Search flutter in Dart Packages 。

点击后就可以打开Dart Packages来查找。

安装地址:

https://marketplace.visualstudio.com/items?itemName=everettjf.pubspec-dependency-search

源码:

https://github.com/everettjf/vscode-pubspec-dependency-search

原理:

  1. 原理很简单,vscode扩展解析pubspec.yaml 中的 dependencies 后, 通过 CodeLensProvider 告诉vscode要加入链接的位置。
  2. 链接就是拼凑出 url : https://pub.dartlang.org/packages?q=flutter 使用浏览器打开。

补充几个最近整理的Flutter学习资料:

  1. 快速熟悉Dart语言 https://www.dartlang.org/guides/language/language-tour
  2. 快速过一遍文档 https://flutter.dev/docs/development/ui/widgets-intro
  3. Cookbook例子操作一遍 https://flutter.dev/docs/cookbook
  4. Flutter实战 https://book.flutterchina.club/

然后就开始上手实现你的想法吧~别忘了安装vscode扩展 Pubspec Dependency Search 哦。


嗯,有趣 :)

欢迎关注订阅号「首先很有趣」: