flutter 打开后闪退_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 哦。

推荐阅读

移动开发唱衰，iOS开发者如何涅槃重生？

Cocoapod 1.6 概览

fishhook 的实现原理浅析

fishhook 使用场景&源码分析

React Native 0.59 新特性

好看就点点吧