Flutter之初体验

flutter是什么？它是谷歌基于dart语言开源的跨平台开发框架。与当前热门的react native类似，flutter允许开发者使用一套代码在两个不同平台上构建应用程序。那么，为什么要介绍flutter而不是在国内同样火热的react native呢？

之前，Flutter仅支持Mac OS和Linux系统。幸运的是，现在已经推出了Windows平台，这无疑大大降低了学习这种跨平台开发框架的门槛。

第一步：安装Git

你需要安装Git作为Flutter SDK的下载工具。我建议你从百度软件中心下载，因为官网的下载速度可能较慢。下载并安装Git后即可使用。

第二步：下载Flutter SDK

在Windows桌面上右键点击，选择“Git Bash Here”。当然，你也可以选择一个文件夹并在其中打开Git命令行窗口，输入以下命令下载Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git

注意：Flutter的下载路径必须是全英文，并且路径中不能有空格！Flutter的下载路径必须是全英文，并且路径中不能有空格！Flutter的下载路径必须是全英文，并且路径中不能有空格！

第三步：配置环境变量

你需要在Windows的环境变量Path中添加Flutter的路径。路径应指向Flutter文件的bin目录，如下图所示：

第四步：安装

打开PowerShell（以管理员身份运行），输入以下指令：

flutter doctor

Flutter会自动配置并安装。当然，你也可以在Git中操作，但前提是在Flutter目录的bin文件夹下进行操作。成功后，你将看到如下界面：

如果某些项目显示‘X’，则需要你进行安装，再次输入：

ISkyShop多用户商城系统

ISkyShop开发团队历经4个月的设计研发，于 2014年2月28日推出V1.4正式版，V1.4版着重从UI设计、系统性能优化、微信商城功能完善入手，结合主流电商平台的用户体验，为电商运营商打 造一流的电商平台，V1.4版也是目前国内B2C2C中最优秀的平台之一。

0

查看详情

flutter doctor

它会自动安装相应的依赖。

第五步：开发软件

你需要安装Android Studio以及Android SDK，如果之前已经安装过，则无需重新安装。此外，Flutter的开发目前不支持在Android Studio中进行，只能使用同一公司的产品IntelliJ。你需要下载IntelliJ的专业版，网上有破解教程，可自行搜索。下载完成后，在Setting中选择Plugins，如下图所示：

搜索并安装Flutter和Dart插件。建议下载Dart SDK的安装版本，它会帮助你进行配置。

第六步：重启电脑（我还是建议你重启一下）

第七步：创建你的Flutter项目

在IntelliJ中创建一个Flutter项目。如果你经常使用模拟器进行调试，例如Genymotion，可能会遇到如下错误，导致界面空白无法渲染：

E/flutter (13181): [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(43)] Failed to setup Skia Gr context.

我建议你使用真机进行调试，成功后界面如下：

如果你使用的是虚拟机，例如Genymotion，运行时可能会出现如下提示：

进入白屏状态，那么你需要更换一个虚拟机。经测试，Nexus 5X是可用的。

现在就开始你的Flutter学习之旅吧！

以上就是Flutter之初体验的详细内容，更多请关注php中文网其它相关文章！