Flutter 从0到入门 ① 环境配置（mac）

Flutter 从0到入门 ① 环境配置（mac）

---

环境配置 —学习编程的第一大拦路虎

环境配置三大步骤

1. 配置flutter-sdk；
2. Flutter Android/IOS 运行平台设置;
3. flutter doctor命令检查环境是否配置好；

步骤一、配置Flutter-SDK；

1、镜像源的设置 把如下变量加入用户环境变量中（bash oh-my-zsh 等自己google）

# pub mirror
export PUB_HOSTED_URL=https://pub.flutter-io.cn
# flutter mirror
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2、下载SDK

1、下载SDK 两种方式

way-1、下载SDK 下载后解压进你想安装的目录

way-2、 下载stable分支的仓库代码

git clone -b stable https://github.com/flutter/flutter.git

2、把你想安装的目录同第一步一样添加进环境变量

# flutter sdk
export PATH=`pwd`/flutter/bin:$PATH

3、想生效记得 source下你的配置文件 或者新开窗口

步骤二、Flutter Android/IOS 运行平台设置;

iOS平台设置

1、工具安装

brew update

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup # 将cocoapods目录下载到本地 

会出现如下的检测结果 根据你是Android还是iOS开发 执行列出来的操作
（遇到/usr/local/bin/类似无权限的执行 sudo chown -R $(whoami):admin /usr/local macOS大于10.13还没有效果的 重新安装brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"）

Android平台设置

环境变量配置

# android sdk 
export ANDROID_HOME=$HOME/Library/Android/sdk 
export PATH=$PATH:$ANDROID_HOME 
export PATH=$PATH:$ANDROID_HOME/tools 
export PATH=$PATH:$ANDROID_HOME/platform-tools

1、 配置Android必须的sdk、jdk、android-studio等工具，此处不做赘述，默认你的环境可以跑Android应用了；
2、 android studio avd模拟器创建：Android 4.1（API level 16）或更高版本的x86 或 x86_64的Android设备,Emulated Performance选择 Hardware - GLES 2.0 以启用 硬件加速.

#【模拟器】 
# android模拟器列表 
~/Library/Android/sdk/tools/./emulator -list-avds 
# 打开一个android模拟器 
~/Library/Android/sdk/tools/./emulator @PixelXL 
~/Library/Android/sdk/tools/./emulator -netdelay none -netspeed full -avd PixelXL 
~/Library/Android/sdk/tools/./emulator -netdelay none -netspeed full @PixelXL 
# -netdelay none :设置模拟器的网络延迟时间，默认为none，就是没有延迟。 # -netspeed full: 设置网络加速值，full代表全速。 

3、android studio plugin 安装dart插件、flutter插件;

//【注意】
Jetbrians系列的IDE下载插件或者更新需要去掉use secure connection步骤如下:
设置-> appearance->system settings->updates->去掉use secure connection

4、运行项目到Android设备

# 查看flutter识别的设备
flutter devices 
# 运行启动您的应用程序 
flutter run

步骤三、运行 flutter doctor 检测环境配置；

flutter doctor

image.png

【引用一】
【引用二】

Flutter