本文档所介绍安装步骤建立在当前设备已安装Xcode及CocoaPods基础之上,已安装CocoaPods的同学也可以先将CocoaPods更新至最新版本,后续配置中有检测CocoaPods安装及是否最新版本。
本文档不涉及Android设置,有需要的同学请移步至Flutter中文网安装中查看。
系统要求
要安装并运行Flutter,您的开发环境必须满足以下最低要求:
- 操作系统: macOS (64-bit)
- 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
- 工具: Flutter 依赖下面这些命令行工具.
bash, mkdir, rm, git, curl, unzip, which
使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。
Flutter SDK安装下载
flutter下载
解压安装包
cd ~/development
unzip ~/Downloads/flutter_macos_v1.9.1+hotfix.2-stable.zip
记录解压后flutter文件路径,下面配置环境变量用。
解压图片.png
配置环境变量
1.终端工具中使用打开(或创建) $HOME/.bash_profile进行配置环境变量.
open $HOME/.bash_profile
2.添加路径(‘/Users/****/Desktop/development’为解压缩后flutter路径)
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/****/Desktop/development/flutter/bin:$PATH
3.保存退出
4.刷新当前终端窗口使修改立即生效
source ~/.bash_profile
5.通过运行flutter/bin命令验证目录是否在已经在PATH中
echo $PATH
path.png
检测flutter是否安装成功
终端输入
flutter doctor
doctor.png
至此flutter安装完成(更新:flutter upgrade )。
iOS平台设置
安装Xcode
真机
1.安装 homebrew (如果已经安装了brew,跳过此步骤).
详情查看homebrew安装
2.打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具
brew update
brew install --HEAD libimobiledevice
执行过程中会报下面错误,可以不处理。
警告.png
brew install ideviceinstaller ios-deploy cocoapods
提示CocoaPods更新,可以不处理。
警告.png
pod setup
如果这些命令中的任何一个失败并出现错误,请运行brew doctor并按照说明解决问题.
至此真机调试配置完成。
3.证书设置。
此步骤为Visual Studio Code (VS Code)编辑器上运行(配置编辑器)。
Flutter项目目录中通过 open ios/Runner.xcworkspace 打开默认的Xcode workspace.
open.jpeg
Xcode配置测试证书
Xcode.jpeg
4.flutter run真机运行。
run.jpeg
设置模拟器
要准备在iOS模拟器上运行并测试您的Flutter应用,请按以下步骤操作:
1.在Mac上,通过Spotlight或使用以下命令找到模拟器:
open -a Simulator
2.通过检查模拟器 硬件>设备 菜单中的设置,确保您的模拟器正在使用64位设备(iPhone 5s或更高版本).
3.根据您的开发机器的屏幕大小,模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例
4.运行 flutter run启动您的应用.
网友评论