Flutter 之 环境配置

[Hancoson]

环境要求

• 软件：Xcode、Android studio、VScode
• 工具: Flutter 依赖下面这些命令行工具：
  • bash, mkdir, rm, git, curl, unzip, which
  • brew 是 Mac 下的一个包管理工具，类似于 centos 下的 yum，可以很方便地进行安装/卸载/更新各种软件包

下载安装Flutter SDK

下载

两种方式：官网下载和github下载

• flutter官网下载地址点击进入
• 在国内因为中所周知的原因，要想正常获取安装包列表或下载安装包，可能需要翻墙，大家也可以去Flutter github项目下去下载安装包，转到下载页

安装

• 解压安装包到你想安装的目录，如：

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

• 添加flutter相关工具到path中（只能暂时针对当前命令行窗口设置PATH环境变量）：

export PATH=`pwd`/flutter/bin:$PATH

说明：作为国内用户且需要将Flutter添加到PATH中请参考下面

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Library/flutter/bin  #$PATH为你解压的flutter文件路径，我放在了根目录

• 其他还需要安装Android sdk

export PATH=$PATH:/Library/Android/sdk

检查开发环境

到此我们已经安装完flutter了，但此时还不具备开发的能力，flutter运行需要很多插件，运行以下命令查看是否需要安装其它依赖项来完成安装：

flutter doctor

这时候它会将你未安装的依赖一一列出，每个电脑缺少的依赖都不尽相同，按照给出的提示安装插件即可。直到你的开发工具通过验证即可，如：

至此，全部环境搭建步骤结束。

项目创建

经过上面三部环境基本上差不多了，现在来建立一个Flutter项目。
进入你想存放项目的目录，执行命令行：

flutter create flutterapp

其中flutterapp为项目名称，不能用大写。

运行

Android studio

• 下载AndroidStudio 并安装插件 Flutter Dart
• 通过 Android Stadio 的 File => New => New Flutter Project 去新建项目demo
• 下载SDK 并 执行demo

VScode

• 安装插件 Flutter Dart
• /cmd + /shirft + p => flutter new project
• 打开调试工具 并执行flutter run