Flutter Mac环境配置

ZhaoQin3669

已于 2022-08-21 18:54:18 修改

阅读量604

点赞数

文章标签： ios android xcode android studio

于 2020-03-19 12:45:53 首次发布

本文链接：https://blog.csdn.net/zhaoqin3669/article/details/104963839

版权

FLutter 概念

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

安装

首先下载Flutter SDK通过两种方式

1.去官网下载：Flutter官网

2.通过github下载. 具体地址

配置环境变量

1.先要打开.bash_profile,如果没有要先创建该文件。

创建命令： touch .bash_profile

打开命令： open ~/.bash_profile

编辑里面内容如下：

export PATH=*****/bin:$PATH //*****自己下载的flutterSDK的位置

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export ANDROID_HOME=***** //*****换成自己的Android SDK 路径

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

保存命令：source ~/.bash_profile

2.终端输入配置查看命令：flutter doctor 查看还有哪些没有配置

xcode 或者Androidstudio要安装好，并且androidstudio要安装Flutter插件

错误1：

[✓] Android Studio (version 3.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

android studio里还少了两个插件。我们打开andriod studio。

错误2：

然后就看x了，这是我第一个打叉的地方

[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.

这是让我安装android studio并且设置好$ANDROID_HOME这个环境变量，上述绿色内容配置了，就可以解决这个问题。