Flutter--环境配置

1 安装Flutter

Flutter的安装可以参照Flutter官网,下载SDK到本地

Flutter--环境配置_第1张图片
Flutter--环境配置_第2张图片

因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量,所以建议你安装到你平时放命令行工具程序的地方! 我这里安装在了根目录的opt下!(注意目录权限)

/opt/flutter (仅供参考,安装在哪里看你自己的习惯)

2 配置环境

2.1 配置镜像

如果你使用默认的bash那么配置 ~/.bash_profile

如果使用的zsh()需要配置~/.zshrc

# Flutter镜像配置

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

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

2.2 配置环境变量

#Flutter 配置

$ export FLUTTER=/opt/flutter/bin

$ export PATH=$FLUTTER:$PATH


配置完成后,重新打开终端或者输入命令载入配置

$ source ~/.bash_profile

配置完成了之后,使用flutter doctor来检测flutter环境的

$ flutter doctor

Flutter--环境配置_第3张图片

3.Android 环境配置

3.1 安装Android Studio

Android官网下载安装

3.2配置SDK

打开Android Studio,CMD+,进入设置,

Flutter--环境配置_第4张图片

3.3安装flutter插件

Android Studio设置安装flutter插件

Flutter--环境配置_第5张图片

安装完成后重启Android Studio。可以看到一下界面

Flutter--环境配置_第6张图片

3.4配置Android模拟器

Android自带模拟器并不好用,使用一款国产的“夜神"模拟器NoxAppPlayer。装好了重启就可以用使用。

Flutter--环境配置_第7张图片

3.5 解决Gradle卡死问题

首次运行,会存在卡主不动的问题。原因是Gradle的Maven仓库在国外,

Running Gradle task 'assembleDebug'...

所以我们要配置Gradle镜像

1 修改项目的build.gradle文件

文件目录:project  -- Android -- build.gradle

查找内容:查找buildscript和allprojects里面的

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' }

Flutter--环境配置_第8张图片

2 修改Flutter安装目录中的flutter.gradle文件

文件路径:/flutter/packages/flutter_tools/gradle/flutter.gradle

Flutter--环境配置_第9张图片

4. ios配置

ios使用flutter,需要安装cocoapods


其他问题可参考https://github.com/flutter/flutter/issues

你可能感兴趣的:(Flutter--环境配置)