Flutter在Mac上开发环境搭建
参考链接:
Flutter中文网 https://flutterchina.club/
-
技术胖博客 https://www.jspang.com/
由于我们平时开发,基本上都使用的是Mac电脑,所以主要记录下载Mac电脑上的安装过程,以备查阅。在Windows上的环境搭建步骤,在上面的参考链接里也有详细说明,我本人也是按照步骤介绍,在Windows和Mac上环境都搭建成功了。
准备工作:
- Mac准备
本次安装使用的Mac系统版本号是11.2.1。一般你只需要保持你的Mac系统版本在较新的版本就可以。Mac上有足够磁盘空间来安装应用和SDK
-
下载FlutterSDK
A. 去官网下载最新的SDK:
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
下载完毕后解压到你自定义目录下。
B. 当然也可以到我们熟悉的Github上下载也行:
https://github.com/flutter/flutter/releases
下载完毕后解压到你自定义目录下。
Flutter版本经常更新,请大家以官网为准。大陆地区到官网下载SDK,可能需要梯子。
如果你没有梯子,可以使用flutter官方为中国开发者搭建的临时镜像:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
我这里直接从GitHub clone下载了
- 配置环境变量
下载的SDK解压到自定义目录后,开始配置环境变量。你存放的这个位置很重要,接下来就要用到。
打开终端,使用vim进行环境变量配置,命令:
vim ~/.bash_profile
在打开的界面里添加:
export PATH=YOUR_PATH/flutter/bin:$PATH
其中 YOUR_PATH 是刚刚你解压完的路径。
如果你没有梯子,把上面的临时镜像两行 也添加进来。
保存退出当前界面。然后重新加载一次环境变量。命令:
source ~/.bash_profile
至此,flutter的环境变量已经配置完毕了。
接下来,在终端运行:
flutter doctor
来检查开发环境。
如果提示, 没有找到flutter命令。请仔细检查上面配置环境变量的部分。要确保你填写的解压路径正确。
执行了重新加载环境变量的命令,还是不行,完全关掉并重启终端试试?
- 配置开发环境
使用命令:
flutter doctor
环境变量配置正确的情况下,就会开始自动下载相关的依赖配置。第一次运行可能时间有点久,耐心等下。后面就会快很多。
等执行完毕,一般都会报错。通常情况下,是未安装 Android Studio. Xcode,没有可连接的设备等。请对照给出的提示,逐条来解决。Android Studio安装完毕后,顺便记得打开安装一下Android SDK。
如果你有安装,那么第一步要做的是允许协议(android-licenses)。允许方法就是在终端运行如下命令:
flutter doctor --android-licenses
之后会询问你y/N的时候,一直y就好,不然不能用!
之后为Android Studio安装一下flutter插件,安装完成后重启AS。
Android Studio中flutter安装插件路径是:
打开 Android Studio> Configure > Plugins > Marketplace. 搜索 flutter插件,同时它会提示要安装所依赖的Dart环境插件,点击 install 安装即可
重复使用 flutter doctor 命令再检查下开发环境,没有连接设备可以不用理。把提示项都解决了,准备工作就完成了。
补充一下:
没有连接设备,只需要打开iOS模拟器,或者创建一个Android模拟器,或者你直接拿一个测试手机连接到电脑上,该提示项就没有了。