Alan's blog

# Flutter 环境搭建

flutter 官网 (opens new window) flutter 中文网 (opens new window)

# 安装 Flutter 环境

  1. 下载 flutter 包 (opens new window)，解压到本地目录，例如：D:\software\flutter
  2. 配置其 bin 目录到 windows 环境变量 path（系统、用户都要）(../flutter/bin)
  3. 使用 flutter 命令，或 dart -h 命令，查看是否安装成功
  4. 使用 flutter doctor 查看缺少的环境，根据提示安装
  5. 若没有 Android Studio 则 安装 (opens new window) ，安装完成后点入 Android Studio，继续安装 Android SDK；若已安装 SDK 但没检测到，需要配置路径 flutter config --android-sdk D:\software\android\SDK
  6. 继续根据 flutter doctor 提示安装缺少的环境，可能需要到 Android Studio 找找到 more actions -> SDK Manager，安装相关环境（安装过程中需留意自己的墙环境）$Env:http_proxy="http://127.0.0.1:7890";$Env:https_proxy="http://127.0.0.1:7890"
  7. 配置 flutter 国内资源镜像
环境变量系统变量添加：
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 安装 vscode 插件 Flutter

附：

  1. 更改 AndroidStudio 模拟器位置 (opens new window)
  2. android studio 日志位置 C:\Users\alanngai\AppData\Local\Google\AndroidStudio2022.2\log
  3. 启动安卓模拟器慢，且可能蓝屏的解决方法：关闭Hyper-V（控制面板-> 程序和功能-> 启用或关闭windows功能-> 取勾 Hyper-V），安装 HAXM（SDK tool中安装）

# 创建 Flutter 项目的方式

  1. 命令行创建 flutter create ${name}
  2. Android Studio 创建（需要安装flutter插件）

# 运行 Flutter 项目

在运行 flutter 项目之前，需要先修改运行项目必须的资源路径。需要改两个文件：

  1. flutter项目/android/build.gradle
  2. Flutter SDK 包下的 flutter.gradle 文件
把 google() 和 jcenter() 这两行去掉。改为阿里的链接

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/public' }
  1. 使用命令查看模拟器，并允许其中一个：flutter emulators
  2. 使用命令运行项目：flutter run（如果发生gradle抛错，尝试删除C:/usr/.gralde，flutter clean再重新运行run）
  3. 在命令行中有 r（热重载）、o（切换IOS布局）、h（查看更多命令）等快捷键
  4. 或找到 main.dart 文件，点击右上角的运行按钮，选择模拟器运行（这种方式是自动热重载的）

← 基础 →