Mac 上Flutter的环境搭建和iOS开发环境
1. 系统要求
2. 设置Flutter镜像:如果可以很好的访问外网就不用设置镜像
3. 获取Flutter SDK
4. ios 开发环境设置
5. Android 开发环境的设置
- 系统要求
Mac 上的要求
1. 操作系统: macOS (64-bit)
2. 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
3.工具: Flutter 依赖下面这些命令行工具.
bash, mkdir, rm, git, curl, unzip, which
- 设置Flutter镜像(不是必须的)
// 这个是个临时的镜像,我们可以将如下环境变量加入到用户环境变量中:
// Macintosh HD -> Users -> 你的用户名 -> .bash_profile
// 终端下 open ~ 可以打开.bash_profile
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 获取Flutter SDK
1. 到官网下载最新的flutter安装包
[下载地址](https://flutter.io/sdk-archive/#macos)
[github地址](https://github.com/flutter/flutter/releases)
2. 解压下载的安装包到你指定的路径:
cd到指定路径,执行解压的操作
cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
比如我放置的路径:/Users/zhouyujuan/flutter
3. 添加flutter相关工具到path中
(1)打开.bash_profile文件
添加如下的环境设置:
// 注意这里在bin之前都是一个全路径
export PATH=/Users/zhouyujuan/flutter/bin:$PATH
export FLUTTER_ROOT=/Users/zhouyujuan/flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
- 运行 flutter doctor 检查是否需要安装其他的依赖
查看安装图1 按照提示进行更新
Android Studio 的下载和配置
Android Studio下载地址:http://www.android-studio.org/
通过上面的步骤,重启Android Studio 这时就可以使用Android Studio创建Flutter项目了。
安装Xcode
- 安装Xcode9.0或更高版本下载历史版本连接或者在AppStore下载
- 设置iOS模拟器
open -a Simulator
-
配置完成后,再次使用flutter doctor 进行检验
查看安装图2 -
VSCode
1. 安装 Flutter
2. 安装 Dart
使用命令行创建一个flutter项目
flutter create my_app
cd my_app
flutter run
// 如果我们没有关联到设备。
flutter emulators // 查看下模拟器的列表
flutter emulators --launch iOS Simultaor // 启动一个模拟器
flutter run此时项目就可以启动起来了。
- 此时项目可以在VSCode中运行起来。
- To hot reload changes while running, press “r”.修改后按r就可以更新
- To hot restart (and rebuild state), press “R”. 重新运行按R
使用Android Studio创建和运行一个项目
Start a new Flutter project
Flutter Application -> next
定义Project name Project locaton
定义包名:Package name
- 运行,选择一个设备,点击run就可以直接运行
- 更改信息后,保存更改,就可以在模拟器直接看到效果。