下载Flutter SDK

官方下载链接

选择自己的操作系统和最新稳定的版本(Stable版本)

环境变量配置

MacOS环境变量配置

export FLUTTER_HOME=/Applications/flutter

export PATH=$PATH:$FLUTTER_HOME/bin

export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

Window环境变量配置

Windows环境变量修改：点击计算机图标-属性-高级系统设置-高级-环境变量，然后找到Path，在其中添加Flutter SDK目录下bin目录以及Dart的目录

配置镜像

flutter项目有依赖文件，需要将安装源换成国内的

macOS或者Linux操作系统，依然是编辑~/.bash_profile文件

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

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

Windows用户还是需要修改环境变量

Windows环境变量修改:点击计算机图标 - 属性 - 高级系统设置 - 高级 - 环境变量p新建 变量 PUB_HOSTED_URL，其值为https://pub.flutter-io.cn

新建 变量 FLUTTER_STORAGE_BASE_URL， 其值为https://storage.flutter-io.cn

配置iOS环境

如果想为Flutter配置iOS开发环境，需要在我们的电脑上安装一个Xcode

通过appstore安装或者 https://developer.apple.com/download/more 通过下载练级去安装

配置Android环境

如果想为Flutter配置Android开发环境，需要在我们的电脑上安装一个Android Studio

Android Studio的下载

Android Studio是基于IntelliJ IDEA的、Google 官方的 Android 应用集成开发环境 (IDE)

https://developer.android.com/studio/?utm_source=android-studio

Android的环境配置

打开Android Studio，会问我们是否要设置代理，这是因为下载Android SDK等在国内不好下载

创建Android模拟器

使用Android Studio开发Flutter我们需要安装两个插件:Flutter和Dart

官方推荐两个工具来开发Flutter:Android Studio 和 VSCode

创建Flutter项目

有两种方式创建Flutter应用:通过终端，通过编辑器。

这里我先选择通过终端(Windows和macOS都是一样的命令)

mkdir flutter

cd flutter 

flutter create helloflutter

创建helloflutter 创建成果图

测试

测试效果图

将代码运行到模拟器中:执行这一步之前要先打开模拟器，你可以通过android studio打开模拟器

flutter run –d 模拟器id

多个模拟器可以通过id选择运行到哪里一个模拟器上

android studio vs 命令行运行

android studio运行 命令行运行