构建 Flutter 开发环境

Author Avatar
tanglijun 2月 07, 2019

本文纪录不使用 Android Studio 构建 Flutter 开发环境，通过命令行工具更灵活。

获取 Flutter SDK

我们先到 Flutter 官网 下载对应的 SDK。

获取 Android SDK

然后到安卓官网，下载 Android SDK，根据你的系统安装对应的 SDK 包。

注意：下载命令行工具

设置环境变量

现在我们需要设置环境变量以便在控制台使用 SDK 相关的命令。

Windows

打开 cmd 执行下面的命令

setx ANDROID_HOME "C:\Android"
setx JAVA_HOME "C:\Java\jdk1.8.0_202"
setx PATH "%PATH%C:\flutter\bin"
setx PATH "%PATH%%ANDROID_HOME%\tools\bin"

注意：AMD CPU 的电脑需要启动 Control Panel -> Programs -> Hyper-V & Windows Hypervisor Platform，否则会报以下错误

emulator: ERROR: x86_64 emulation currently requires hardware acceleration! Please ensure Windows Hypervisor Platform (WHPX) is properly installed and usable. CPU acceleration status: Android Emulator requires an Intel processor with VT-x and NX support. Your CPU: ‘AuthenticAMD’

Mac

在 $HOME/.bash_profile 中添加以下内容

export ANDROID_HOME=~/android
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/tools/bin
export PATH=${PATH}:$HOME/flutter/bin

Linux

在 $HOME/.bash_profile 中添加以下内容

export ANDROID_HOME=$HOME/Documents/android
export JAVA_HOME=/usr/java/jdk1.8.0_202-amd64
export PATH=$PATH:$HOME/Documents/flutter/bin
export PATH=$PATH:$HOME/Documents/android/tools
export PATH=$PATH:$HOME/Documents/android/tools/bin

测试 Flutter 可以使用

flutter --version

Flutter 1.0.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 5391447fae (10 weeks ago) • 2018-11-29 19:41:26 -0800
Engine • revision 7375a0f414
Tools • Dart 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

测试 sdkmanager 可以使用

sdkmanager --version

26.1.1

创建模拟器

在开发项目之前我们还需要安装模拟器。

Android

开发安卓我们需要安装这些模块

  • build-tools;28.0.3
  • emulator
  • platform-tools
  • platforms;android-28
  • system-images;android-28;default;x86_64

使用 sdkmanager "<item>" 安装，安装完毕后我们用以下命令创建一个安卓模拟器

avdmanager create avd -n ryuu -k "system-images;android-28;default;x86_64" -d 29

查看安卓模拟器是否创建成功

flutter emulators

1 available emulator:

ryuu • 4.65in 720p (Galaxy Nexus) • Generic

To run an emulator, run 'flutter emulators --launch <emulator id>'.
To create a new emulator, run 'flutter emulators --create [--name xyz]'.

You can find more information on managing emulators at the links below:
  https://developer.android.com/studio/run/managing-avds
  https://developer.android.com/studio/command-line/avdmanager

然后执行下面的命令运行安卓模拟器

flutter emulators --launch ryuu

模拟器界面如下

android-emulator

IOS

我们先到官网下载 Xcode 并安装，然后根据 fluter doctor 的提示安装相应模块

brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

模块安装好之后，我们可以用以下命令打开 IOS 模拟器

open -a Simulator

模拟器界面如下

ios-emulator

参考资料

许可协议：署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
本文链接：https://tanglj.cn/2019/02/07/how-to-building-flutter-environment/