因为老本行是Android,开发环境和工具为Mac的笔记本和Android Studio。
(一)Flutter SDK 下载
这里在官方中文网上下载对应版本的SDK即可
flutter.cn/docs/develo…
Stable channel 代表稳定版本,我们选择其中一个,注意和其他开发人员版本统一即可,便于团队的代码管理。
将下载的 flutter_macos_1.22.0-stable.zip 文件解压,这里我是解压到资源库的文件夹下。
(二)配置环境变量
-
打开终端。
-
进入当前用户的user目录 输入 **cd ~ **
在当前文件夹下,如果设置显示隐藏文件可能会看到** .bash.profile** 文件,这个文件里配置环境变量相关。
-
创建.bash_profile 输入 touch .bash_profile
-
编辑.bash_profile文件 输入 open -e .bash_profile
-
如果已存在 .bash_profile ,则直接编辑文件,输入 vim ~/.bash_profile
-
接下来就是将环境变量填写进去,这是我自己的:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Library/flutter/bin:$PATH
export ANDROID_HOME=/Users/dongbei/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
前面两个为Flutter的国内镜像,第三个是第一步下载的Flutter SDK的路径。
- 最后,输入 source ~/.bash_profile ,保存配置,再输入 **flutter doctor **, 查看配置是否生效,显示如下即为成功:
注意
如果上述步骤配置完,flutter doctor 的输出报错为:zsh: command not found: flutter ,则将上述的 .bash_profile文件复制一份,将复制的重新命名为 .zprofile , 然后执行 **source ~/.zprofile **命令即可。
(三) 配置Android Studio
- 打开 Android Studio,点击 Preferences
- 在搜索栏里输入flutter,点击Languages & Frameworks下的 flutter 选项,在Flutter SDK path里选择刚才放置的Flutter Sdk的路径的根目录即可。
- 最后是flutter和dart插件的下载,如图:
- 配置结束就可以开启flutter的开发了。