flutter-02 Mac 环境配置

Posted 2020-11-23 helzeo

系统要求

在Mac上要安装并运行Flutter要满足以下最低要求:

• 操作系统: macOS (64-bit)
• 磁盘空间: 700 MB (不包括Xcode或android Studio的磁盘空间）
• 工具: Flutter 依赖下面这些命令行工具：bash curl git 2.x mkdir rm unzip which

设置FLutter镜像(非必须)

由于在国内访问Flutter可能会受到限制，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

1.点Flutter官网下载其最新可用的安装包。

2.解压安装包到你想安装的目录，如：

$ cd ~
$ unzip ~/flutter_macos_v1.2.1-stable.zip

3.添加flutter相关工具到path中：

$ cd ~
$ vim .bash_profile

然后添加：

#Flutter环境变量
export PATH="$PATH:/Users/你的用户名/flutter/bin"

运行 flutter doctor

$ flutter doctor

该命令检查你的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）：

例如：

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
     Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

一般的错误会是XCode或Android Studio版本太低、或者没有ANDROID_HOME环境变量等，可参考一下环境变量的配置来检查你的环境变量：

#Android 环境变量
export ANDROID_HOME=/Users/liyang/Library/Android/sdk
#Android 模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
#Android tools 路径
export PATH=${PATH}:${ANDROID_HOME}/tools
#Android 平台工具路径
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
#Android NDK路径
ANDROID_NDK_HOME=/Users/liyang/Library/Android/ndk/android-ndk-r10e
#FLutter镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter环境变量
export PATH="$PATH:/Users/liyang/flutter/bin"

第一次运行一个flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

ios开发环境设置

安装 Xcode
要用Flutter开发iOS App需要Xcode 9.0 或更高版本:

1.安装Xcode 9.0或更新版本(通过链接下载或苹果应用商店)

2.配置Xcode命令行工具以使用新安装的Xcode版本 s

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

以上路径时对于最新版Xcode的路径。如果你需要使用不同的Xcode版本，需要指定相应路径。

3.确保Xcode许可协议是通过打开一次Xcode或通过命令 sudo xcodebuild -license 同意过了

接下来就可以使用Xcode，在iOS设备或模拟器上运行Flutter App了。

设置iOS模拟器

要准备在iOS模拟器上运行并测试您的Flutter应用，请按以下步骤操作：

1.在终端输入如下命令打开一个iOS模拟器：

$ open -a Simulator

2.通过模拟器菜单栏的 硬件>设备 ，确保你打开是64位 iPhone 5s或更新的模拟器

3.如果模拟器过大，可以通过模拟器的 Window> Scale 菜单下设置设备比例

创建和运行一个简单的Flutter项目

1.通过如下命令创建一个Flutter项目

$ flutter create my_app

2.命令运行完成之后会在当前目录下创建一个名为my_app的Flutter项目，然后通过一下命令可以运行它：

$ cd my_app
$ flutter run

Android开发环境设置&Flutter插件安装

安装Android Studio

1.下载并安装 Android Studio

国外官网 https://developer.android.com/studio
国内镜像 https://developer.android.google.cn/studio

因为Android网站设在国外，如果你的网络无法访问第一个地址，可以选择使用Google为中国开发者提供的中国网址进行访问。

另外，关于Android Studio的安装和配置，Android官方有比较详细的说明文档，大家可以根据需要进行查阅；

2.启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具

Flutter插件安装

• 打开Android Studio
• 打开Preferences > Plugins (macOS), File > Settings > Plugins (Windows & Linux)
• 选择 Browse repositories, 搜索 Flutter plugin
• 然后点击安装，然后安装Dart插件
• 完成之后选择重启Android Studio