1.Flutter 环境

1.1 安装dart

brew tap dart-lang/dart
brew install dart

1.2 安装flutter

git clone https://github.com/flutter/flutter.git

配置环境变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
# 这里换成你自己clone的地址
export FLUTTER_HOME=$HOME/Sdks/flutter
export PATH=$PATH:$FLUTTER_HOME/bin

2.Android 环境

2.1 sdk

brew install --cask android-sdk

配置环境变量

# 后面的数字会灵活变动,使用brew info android-sdk查看路径
export ANDROID_SDK_HOME=/usr/local/Caskroom/android-sdk/4333796
export ANDROID_SDK_ROOT=/usr/local/Caskroom/android-sdk/4333796
export ANDROID_NDK_HOME=/usr/local/Caskroom/android-sdk/4333796/ndk
export PATH=$PATH:$ANDROID_SDK_ROOT/tools:$ANDROID_SDK_ROOT/platform-tools:$ANDROID_NDK_HOME:$ANDROID_SDK_ROOT/emulator:$ANDROID_SDK_HOME

2.2 avd

使用sdk-manager 安装avd,platform-tools等工具后便可使用了

3.xcode

3.1 code

 sudo xcode-select --switch 
 /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch

3.2 cocoapods

brew cleanup -d -v
brew install cocoapods

此时可以使用 flutter doctor查看环境还有哪些问题

4.Project

image.png

打开VSCODE安装FLUTTER插件

image.png

输入flutter: New

选中第一个选项回车后建立项目

5.Run

第一步: 请在vsocode右下角选中你的ipad设备

image.png

找到flutter的main文件点击run,报错如下

image.png

此时使用xcode打开项目内的ios目录
image.png

image.png

# 然后 XCode 打开项目,找到 Flutter/Generated.xcconfig 文件
# 在文件最后加上
FLUTTER_BUILD_MODE=release

image.png

6.Vscode

操作完以后返回Vscode点击Run就可以将flutter项目跑在ipad上了

Q.E.D.


别云剑本星 智多星本剑