Flutter(二) 开发环境配置图文详解(Mac + Android Studio)

368 阅读1分钟

因为老本行是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的开发了。