flutter环境搭建 - mac版

777 阅读1分钟

系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

操作系统: macOS (64-bit)
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间)
工具: Flutter 依赖下面这些命令行工具. bash, mkdir, rm, git, curl, unzip, which

获取flutter SDK

flutter官网下载其最新可用的安装包,转到下载页

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙 。

本人下载的版本是flutter_macos_v1.7.8+hotfix.4-stable.zip,我在桌面上创建了一个flutterSDK文件夹,将zip解压缩到该文件夹下.

配置环境变量

  1. 创建.bash_profile,使用命令行:
   vim (自己的路径)/flutterSdk/.bash_profile
  1. 在里面增加一行
   export PATH=(自己的路径)/flutterSdk/flutter/bin:$PATH 

注: 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

添加完之后保存退出效果如下:

3. 保存完毕之后运行命令:

  source .bash_profile
  1. 执行完之后就可以使用flutter命令

检测环境

运行以下命令查看是否需要安装其它依赖项来完成安装: flutter doctor

运行结果
按照相应的检测结果对[x][!]进行修改即可.


遇到的问题

下面主要说一下安装Android studio遇到的问题(也就是上图中Android toolchain - develop for Android devices),其他的问题按照提示解决就好.

1.下载并安装Android studio

下载地址:developer.android.com/studio/inde…

  1. 下载完成后首次安装会提示:
  2. 此问题原因是未检测到Android SDK,点击cancel,显示如下:
  3. 点击Next,显示如下:
  4. 此时如果已经下载处理过Android SDK,则在下方Android SDK Location处选上对应的路径,按步骤处理即可,我这里没有下载,再次点击Next,显示如下:
  5. 点击finish,显示如下:
    MAC下安装Android SDK我是参考别人的文章处理的,文章链接为 Mac下安装Android SDK

注意:

  1. HTTP Proxy Server填写:mirrors.neusoft.edu.cn和HTTP Proxy Port填写:80我并未填写;
  2. Mac顶部菜单点击Tools -> Manage Add-on Site,选择右侧“User Defined Sites”这一步添加网址我也并未填写,直接执行的下载操作,很快就下载完了。
  3. 全部完成以后再次找到上述第3步中的页面,选择Android SDK对应的路径,按步骤处理即可。至此,重新启动Android studio就不会出现上述的错误提示了。

2.Android studio已经安装后,在终端再次运行flutter doctor检测环境

发现还是没有变化,对此我们需要在.bash_profile中添加

    export ANDROID_HOME="自己的android sdk目录"  

再次运行flutter doctor,显示如下:

Android license status unknown 解决方案:  
   执行flutter doctor --android-licenses命令,当提示是否接受许可时,输入y确认即可.  
   如果执行该命令报如下错误: 
      A newer version of the Android SDK is required.To update, run:/Users/***/Desktop/flutterSDK/android-sdk-macosx/tools/bin/sdkmanager --update   
   需要执行:  
      /Users/***/Desktop/flutterSDK/android-sdk-macosx/tools/bin/sdkmanager --update
   当询问是否接收许可时,选择y回车,等待一会显示done,
   再次输入flutter doctor --android-licenses,
   当提示是否接受许可时,输入y确认即可. 

再次执行命令flutter doctor,则显示第二条没有问题了

3.安装Java时遇到的问题

终端命令行进入Tools目录,然后输入 ./android sdk ,调出SDK Manager的图形界面时如果未安装java会提示:

点击更多信息去下载,下载完成之后再次执行./android sdk,会如下错误信息: No Java runtime present, requesting install.此时,需要在.bash_profile中添加:

No Java runtime present, requesting install 解决方案:
    export JAVA_HOME="/Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home"   
    export PATH=${JAVA_HOME}/bin:$PATH
    加入保存之后再执行
    source .bash_profile

参考链接

  1. 入门: 在macOS上搭建Flutter开发环境
  2. flutter环境搭建mac版
  3. Android Studio报错unable to access android sdk add-on list解决方案
  4. Mac下安装Android SDK
  5. mac 配置jdk 环境变量