第一步 下载Flutter sdk
第二步 解压sdk 放在资源库目录下
打开终端输入:
open ~/Library
将解压好的flutter文件夹复制到该目录下
第三步 将bin路径加入到环境变量中
使用vscode打开~/.bash_profile 文件
(如何使用vscode打开文件)
- 打开vscode
shift + command + P
打开命令面板- 选择下图命令
安装成功后,打开终端输入:code ~/.bash_profile
第四步 在~/.bash_profile中添加如下配置
export PATH=~/Library/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码
第五步 保存文件 更新当前配置
执行命令:source ~/.bash_profile
第六步 验证flutter/bin目录是否在PATH中
执行命令:echo $PATH
安装成功, 会输出类似/Library/flutter/bin:路径
第七步 安装开发工具
Android Studio: developer.android.com/studio/?hl=…
Xcode: 在App Store搜索最新版本Xcode下载安装即可
第八步 配置开发工具
Android Studio
- 打开配置
- 选择Plugins 安装 Flutter插件(同时自动安装Dart插件)
- 安装一个模拟器
- Vscode 点击F5 选中安装好的终端
Xcode
- 安装CocoaPods
打开终端:
sudo gem install cocoapods
CocoaPods是专门为iOS工程提供对第三方库的依赖的管理工具,通过CocoaPods,我们可以更方便地管理每个第三方库的版本,而且不需要我们做太多的配置。直观、集中和自动化地管理我们项目的第三方库。
- 执行
flutter doctor
检查状态 并按提示操作
- 激活一个模拟器
第九步 启动flutter项目
- 打开Vscode F5 选中要执行的设备(已iphone为例)
- 打开要运行的flutter项目终端
- 检查模拟器 执行命令:
flutter devices
如下图:
- 启动项目 执行命令:
flutter run
- 等待模拟器启动项目成功