Flutter开发——仲夏夜之梦（一）

关于Flutter是什么？为什么要使用Flutter？本文就不再赘述，既然你对这个技术感兴趣，想必聪明的你已经做过相关的调查与研究。本文只讲实际的Windows10操作系统下的Flutter开发环境搭建。

一、安装FlutterSDK

1、在浏览器中输入https://flutter.dev/docs/get-started/install/windows这个网址。该地址是FlutterSDK资源包的Windows系统地址。打开后可以看到如下页面。

下载SDK

2、解压SDK，运行控制台
步骤一、找到文件下载的位置，然后将其解压；

解压SDK

步骤二、进入SDK文件的bin目录下，复制地址；

复制地址

步骤三、添加路径到计算机的path中；

设置环境变量

步骤四、验证环境是否配置成功，打开命令行工具，输入命令flutter,如果出现如下画面说明已经配置成功。

验证SDK配置是否成功

二、IDE开发环境配置

工欲善其事，必先利其器。文中使用的是Android Studio编辑器，当然你可以根据个人习惯使用VSCode等其他工具。

1、进入flutter文件目录，双击运行flutter_console.bat;

6.png

2、一切正常会看到欢迎画面，而后根据工具的提示输入flutter doctor命令，检查环境依赖。

欢迎画面

3、根据提示，安装对应的工具。注意：因为演示中已经安装了Android Studio，所以这边显示的是正常的，如果你本地没有安装的话应该是显示的红色的X。

提示信息

4、Android Studio安装地址：

此处省略安装VSCode、Android Studio、IDEA各种编辑器的安装，反正你喜欢用哪个就安装哪个。

• http://www.android-studio.org中文社区；
• https://developer.android.google.cn/studio谷歌官网地址；

5、Android Studio安装Flutter插件

依次点击Android Studio的"File->Settings->Plugins"，接着输入flutter,尔后点击Install安装插件，重启IDE即可。

安装IDE插件

三、疑难杂症及注意点

1、由于墙的原因，网络不好的童鞋可以使用如下的镜像地址。使用方式就是分别添加2个环境变量。

• PUB_HOSTED_URL=https://pub.flutter-io.cn
• FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

至此，我们已经完成了一套开发环境，下一节我们将创建一个世界级的工程并跑起来。