1 下载 Flutter SDK
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
举荐下载Stable channel, 即稳定版
2 解压SDK
把下载好的 Flutter SDK 轻易解压到你想装置SDK的目录, 比方
查看以后渠道
flutter channel
可应用以下命令切换渠道
flutter channel masterflutter upgrade
如果遇到报错
git: Aborting Switching channels failed with error code 1.
cd 到flutter装置目录, 执行
git checkout .
而后从新执行
flutter channel masterflutter upgrade
可能两头会失败几次, 多试几次就能够了
3 装置Dart
Dart官网 https://dart.dev/get-dart
装置Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
装置dart
brew tap dart-lang/dart brew install dart
如果报错
Error: An exception occurred within a child process: DownloadError: Failed to download resource "dart" Download failed: https://storage.googleapis.com/dart-archive/channels/stable/release/2.7.2/sdk/dartsdk-macos-x64-release.zip
解决办法
依据报错外面的地址, 手动下载, 而后解压放到
/usr/local/Homebrew/dart-sdk
4 配置环境变量
把 Flutter和Dart装置目录的 bin 目录配置到环境变量,而后把 Flutter国内镜像也配置到环境变量外面
vim ~/.bash_profile
增加以下内容
# >>> flutter init >>>export PATH=~/Development/flutter/bin:$PATHexport FLUTTER_ROOT=~/Development/flutterexport PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# >>> flutter init >>># >>> dart init >>>export DART_HOME=~/Development/flutter/bin/cache/dart-sdk/binexport PATH="${DART_HOME}:${PATH}"# >>> dart init >>>
注: ~/Development/flutter是步骤2中解压的SDK的寄存门路
使内容失效
source ~/.bash_profile
输出
flutter -h
如果能进去一些命令阐明 flutter sdk 配置胜利。
留神如果配置实现后输出 flutter -h 通知你 flutter 不是内置命令之类的谬误的话,可能 sdk 没有配置胜利,也可能 sdk 下载的时候没有下载全
5 别离执行上面命令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developerbrew updatebrew install --HEAD libusbmuxdbrew link libusbmuxdbrew install --HEAD libimobiledevicebrew install ideviceinstallerbrew install ios-deploybrew install cocoapodspod setup
可能在运行 brew install --HEAD libimobiledevice 会报错,多试几次就胜利了, 如果还是不胜利, 能够换成上面的命令
brew install libimobiledevice
6 装置Android SDK
能够本人下载SDK装置, 也能够通过Android Studio装置, 这里举荐用Android Studio来装置, 后续也不便查看我的项目代码
Android Studio下载地址 https://developer.android.google.cn/studio/
装置完后, 关上, 依据提醒装置好相应的SDK即可
7 检测是否配置实现
flutter doctor
如果呈现下图, 就是配置胜利
如果呈现报错 Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.
关上Android Studio -> Preference -> 搜寻框搜寻SDK -> Android SDK -> SDK Tools -> 勾选Android SDK Command-line Tools(latest) -> OK
期待下载完即可, 而后从新执行flutter doctor执行测验
如果装置的Flutter SDK是2.10, 则会报错 HTTP Host Availability HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host: Operation timed out
解决办法
1 找到flutter sdk的文件目录,关上flutter\packages\flutter_tools\lib\src\http_host_validator.dart
2 将https://maven.google.com/批改为https://dl.google.com/dl/andr...
3 敞开终端,从新关上终端
4 去到flutter sdk的文件目录, 找到bin目录,删除cache文件夹
5 在终端从新运行flutter doctor, 问题解决。
8 命令行工具生成 Flutter 我的项目
flutter create flutterdemo
9 批改Flutter Sdk目录的权限以及我的项目的权限
sudo chmod -R 777 /Users/darren/Development/flutter (Flutter SDK 目录)sudo chmod -R 777 /Users/darren/Desktop/VS Code projects/Flutter/flutterdemo (我的项目目录)
10 运行iOS我的项目
注: 关上我的项目之前肯定得先批改权限
Xcode关上我的项目目录 -> ios -> Runner.xcodeproj -> Command + R 运行
11 VS Code中装置Flutter插件 Dart插件
装置VS Code https://code.visualstudio.com/
设置 -> Extensions -> 搜寻并装置 Flutter插件 Flutter Widget Snippets插件 Dart插件
12 用VS Code运行
关上 flutter 我的项目进行开发, 执行
flutter run