有关Flutter的介绍我这里就不多说了,可以去Futter中文网去了解。
Flutter开发个人建议选择使用Android Studio 作为开发Flutter的工具,处于对Google兼容性的考虑(其它也可以用VSCode)。
接下来直入主题
安装Flutter
可以直接参考官网,步骤差不多
更新HomeBrew
Mac下默认带HomeBrew
工具包,不过我们最好在安装flutter
前去更新一下它。
$ brew update
下载Flutter的SDK
-
首先进入官网,然后点击下方所示按钮
官网下载 -
接着按步骤选择对应系统安装
选择安装 选择最新版本压缩包下载
-
解压SDK压缩包
这里需要配置安装路径
注:Flutter因为包含了众多命令行工具,因此我们需要配置下环境变量,这里建议把Flutter安装到你平时放命令行工具程序的地方(个人习惯,仅供参考)
配置环境变量
- 配置镜像
因为Flutter运行时会去官方自动下载所需资源,此时没'fq'的话会比较慢,官方文档里包含友情提示,告诉中国的使用者安装配置镜像服务器
首先找到Shell
的配置文件,对应目录如下:
- 如果使用的是默认的bash:
~/.bash_profile
- 如果使用的是zsh:
~/.zshrc
#Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
配置Flutter环境变量
还是在Shell
的配置文件中
#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH
配置完成后载入配置
# 配置文件的路径
$ source ~/.bash_profile
最后检测Flutter是否配置完成
$ flutter doctor
这里有问题的话终端也会明确的指出,并给你相应提示
配置安卓环境
去官网安装Android Studio
然后继续flutter_doctor
检测并按照提示修改解决问题
-
配置安卓环境变量
Shell配置文件中
#安卓
export ANDROID_HOME=~/Library/Android/sdk
#安卓模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
#安卓tools路径
export PATH=${PATH}:${ANDROID_HOME}/tools
#安卓 平台工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
-
安装Android Studio的插件
在偏好设置里面
插件安装
弹出安装Dart插件的界面,也要点击Yes进行安装
安装完成后重启Android Studio
可以看到多出了这么一条
最后再进行 $ flutter doctor 检测
基本就不会有问题了
- 配置安卓的模拟器
打开AndroidStudio
在工具栏上的模拟器管理
点开后选择创建设备
选择设备
选择系统
模拟器名字尽量简单,因为后期可能会用命令启动模拟器
-
配置虚拟机加速
首先进入SDK Manager
来到目录下
$ ~/Library/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager/
查看进程
$ kextstat | grep intel
配置iOS环境
需要匹配Xcode版本(当前1.7.8需要xcode10)
检测flutter doctor
安装报错
可以去github的issues里面找答案
解决问题
$ brew link pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
最后再flutter doctor
检测一下,没问题了就配置完成!