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’，则需要你进行安装，再次输入：
支持手机端的CSS3全屏上下滚动视差特效JS代码，非常不错的JS特效代码，支持手机响应式和PC端，支持鼠标滚轮上下滚动，这种特效代码非常的流行，特别是在微信微场景的使用中，常见这种特效代码，上下滚动加上CSS3动画效果就可以做出用户体验不错的产品介绍页之类的。
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学习之旅吧！
