flutter环境快速搭建 - Mac版

474 阅读1分钟

1、flutter sdk下载

方式1:官网下载后解压: flutter.dev/docs/develo…

方式2:执行 git clone -b beta github.com/flutter/flu…

2、配置flutter环境变量

open -e ~/.bash_profile

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
export PATH=刚下载的flutter文件夹外层路径/flutter/bin:$PATH 

3、检查环境还有什么问题

flutter doctor 

如下,根据提示继续完成环境配置~

image

4、Android Studio相关环境配置

1、安装

官方地址:developer.android.com/intl/zh-cn/…

不能访问的话还有这2个备用~:developer.android.google.cn/studiowww.android-studio.org/

2、配置Android Studio环境变量

export ANDROID_HOME="/Users/zhangjianing/Library/Android/sdk"

3、进入Studio依次安装dart和flutter这俩插件~

5、解决flutter doctor剩余的问题

1、同意若干协议,执行如下命令,一路yes

flutter doctor --android-licenses

2、安装vscode的Flutter extension插件

3、其他XCODE、IOS tool什么的,想安装就安装

6、开始调试

1、先创建个flutter项目

flutter create xxxxx

2、真机调试 / 模拟器

在Android Studio工具栏点击Create Virtual Device创建,预计下载1个多G的东西,可惜这台MacBook没有扩展坞,不能真机调试,所以只能暂时用模拟器、到现在为止花了15多个G(还是没装IOS tools、XCODE前提)左右

3、编译、调试

执行flutter run 即可往模拟器/真机装一个app,就能预览了。

4、如果flutter run 卡住,一般又是要代理了,不代理的话就改下flutter sdk,Path/packages/flutter_tools/gradle/flutter.gradle这个文件,使用阿里云源

buildscript {
    repositories {
        // google()
        // jcenter()
        maven { 
            url'https://maven.aliyun.com/repository/google' 
        }
        maven{
            url 'https://maven.aliyun.com/repository/jcenter'
        }
        maven{
            url 'http://maven.aliyun.com/nexus/content/groups/public'
        }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.2'
    }
}

5、接下来就可以愉快的调试了

image