Flutter 环境搭建(Mac)教程

8,096 阅读1分钟
  1. 下载Flutter SDK

下载地址:flutter.dev/docs/develo…

2.下载好的flutter文件如下

3.将下载好的文件放到自己指定的文件夹下,我放在了我桌面的FlutterDev文件夹下面

4.配置环境变量,以及镜像

在终端用命令行

一、 cd ~

二、vim ~/.bash_profile

打开后需要输入I键进入编辑模式,然后将把下面的三个环境变量添加进去如图

export PUB_HOSTED_URL=pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn

export PATH=/Users/wangchengjie/Desktop/FlutterDev/flutter/bin:$PATH

上图中用红色框圈出来的部分是我的FlutterDev文件的地址,需要换成自己的文件地址即可,如果不清楚自己的文件地址可以如下图所示直接将文件拖到终端即可找到文件的地址

接着按shift+:而后输入wq保存并退出vim。接着输入如下命令:

source ~/.bash_profile

验证一下flutter环境有没有配置成功,输入:

flutter -h

看到如下如的打印信息就是配置成功了

5、用flutter doctor命令检查一下flutter的环境配置

flutter doctor

结果如下

上面的X和!都需要去处理这里提示我们没有安装Android Studio,我们去下载并安装

Android Studio下载地址:developer.android.google.cn/studio/

6、Android Studio下载安装好以后配置安卓的环境变量

下载好以后

vim ~/.bash_profile

打开以后继续添加 一下四个环境变量 export ANDROID_HOME=~/Library/Android/sdk

export PATH=PATH:{PATH}:{ANDROID_HOME}/emulator

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

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

添加好后如下图

使配置生效

source .bash_profile

7、给Android Studio(AS)添加Flutter,打开AS的Preferences,点击Plugins,在搜索栏中输入flutter,找到相应的插件,而后Install。当跳出安装Dart插件的提醒界面时,记得点击Yes进行安装。安装完毕之后restart IDE重启AS。如下图

再输入 flutter doctor检查

8.搭建成功以后,打开Android Studio,File-> New -> New Flutter Progect 创建第一个flutter工程如下

到此环境基本搭建好了。。