📌  相关文章
📜  Flutter-开发工具

📅  最后修改于: 2020-12-08 04:52:30             🧑  作者: Mango

本章详细介绍Flutter开发工具。跨平台开发工具包的第一个稳定版本于2018年12月4日发布，Flutter 1.0。好的，Google正在不断努力改进并使用不同的开发工具来增强Flutter框架。

小部件集

Google更新了Material和Cupertino小部件集，以在组件设计中提供像素完美的质量。即将推出的flutter 1.2版本将被设计为支持桌面键盘事件和鼠标悬停支持。

使用Visual Studio代码进行Flutter开发

Visual Studio Code支持Flutter开发，并提供了广泛的快捷方式来进行快速有效的开发。下面列出了Visual Studio Code提供的用于颤振开发的一些关键功能-

  • 代码辅助-当您要检查选项时，可以使用Ctrl + Space来获取代码完成选项的列表。

  • 快速修复-Ctrl + 。是快速修复工具，可帮助修复代码。

  • 编码时的快捷方式。

  • 在注释中提供详细的文档。

  • 调试快捷方式。

  • 热重启。

Dart开发工具

我们可以使用Android Studio或Visual Studio Code或任何其他IDE编写我们的代码并安装插件。 Google的开发团队一直在开发另一个名为Dart DevTools的开发工具，它是一个基于Web的编程套件。它同时支持Android和iOS平台。它基于时间线视图，因此开发人员可以轻松分析其应用程序。

安装DevTools

要安装DevTools，请在控制台中运行以下命令-

flutter packages pub global activate devtools

现在您可以看到以下输出-

Resolving dependencies... 
+ args 1.5.1 
+ async 2.2.0
+ charcode 1.1.2 
+ codemirror 0.5.3+5.44.0 
+ collection 1.14.11 
+ convert 2.1.1 
+ devtools 0.0.16 
+ devtools_server 0.0.2 
+ http 0.12.0+2 
+ http_parser 3.1.3 
+ intl 0.15.8 
+ js 0.6.1+1 
+ meta 1.1.7 
+ mime 0.9.6+2 
.................. 
.................. 
Installed executable devtools. 
Activated devtools 0.0.16.

运行服务器

您可以使用以下命令运行DevTools服务器-

flutter packages pub global run devtools

现在，您将收到与此类似的回复，

Serving DevTools at http://127.0.0.1:9100

开始申请

转到您的应用程序，打开模拟器并使用以下命令运行-

flutter run --observatory-port=9200

现在，您已连接到DevTools。

在浏览器中启动DevTools

现在在浏览器中访问以下URL，以启动DevTools-

http://localhost:9100/?port=9200

您将收到如下所示的响应-

Dart开发工具

Flutter SDK

要更新Flutter SDK，请使用以下命令-

flutter upgrade

您可以看到如下所示的输出-

Flutter SDK

要升级Flutter软件包，请使用以下命令-

flutter packages upgrade

您会看到以下响应，

Running "flutter packages upgrade" in my_app... 7.4s

颤振检查器

它用于探索颤动小部件树。为此，请在控制台中运行以下命令，

flutter run --track-widget-creation

您可以看到如下所示的输出-

Launching lib/main.dart on iPhone X in debug mode... 
─Assembling Flutter resources...                       3.6s 
Compiling, linking and signing...                      6.8s 
Xcode build done.                                     14.2s 
2,904ms (!)
To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R". 
An Observatory debugger and profiler on iPhone X is available at: http://127.0.0.1:50399/ 
For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".

现在转到网址http://127.0.0.1:50399/，您会看到以下结果-

结果