Flutter环境搭建和项目结构介绍

前言

工欲善其事必先利其器，使用Flutter开发应用要从开发环境搭建开始，本文将简单介绍Flutter的环境搭建步骤和搭建环境过程中遇到的问题及解决方法，并通过一个简单的Demo了解Flutter的项目结构，然后开始对Flutter中常用的Widgets分别做具体介绍。

环境搭建

Windows、Mac OS和Linux都支持Flutter开发，但基于在Windows和Linux上无法安装iOS开发环境的事实，本节只介绍Mac OS上的环境搭建，Windows和Linux上的环境搭建可参考Flutter官网。

系统要求

• 操作系统：macOS（64位）
• 磁盘空间：700MB
• 工具：Flutter依赖于以下命令行工具：bash, mkdir, rm, git, curl, unzip, which

使用镜像

由于Flutter官网及相关官方资源在国内访问有时候可能会受到限制，所以为了访问Flutter的稳定性，作者强烈建议使用中国区镜像来访问Flutter资源，因为有时候即使使用了VPN也会在开发过程中遇到各种依赖包下载不稳定的问题，相关镜像如下：

• Flutter官方为中国开发者搭建的临时镜像，可以将如下环境变量加入到环境变量中：

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

• 上海交通大学Linux用户组也提供了镜像站点，可以将如下环境变量加入到环境变量中：

export PUB_HOSTED_URL=https://mirrors.sjtug.sjtu.edu.cn/
export FLUTTER_STORAGE_BASE_URL=https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

以上两组镜像站点使用任一组即可，具体环境变量设置步骤如下：

1. 打开或创建$HOME/.bash_profile文件

2. 在文件中添加以上任一组的设置语句并保存

3. 保存文件后执行如下命令：

   source $HOME/.bash_profile
   

4. 执行如下命令确定环境变量已经设置完成

   echo $PATH
   

安装iOS开发环境

为iOS开发Flutter应用，需要安装Xcode9.0或更高版本

安装Android开发环境

• 安装最新Android Studio版本，下载地址：https://developer.android.google.cn/studio/
• 安装完成后启动Android Studio，执行“Android Studio安装向导”，开始安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具