Mac下flutter环境搭建

Dear 丶 2021-09-28 16:36 533阅读 0赞

# Mac下flutter环境搭建 #

### 一、下载flutter ###

1、通过flutter官网下载稳定版flutter：[https://storage.googleapis.com/flutter\_infra/releases/stable/macos/flutter\_macos\_v1.5.4-hotfix.2-stable.zip][https_storage.googleapis.com_flutter_infra_releases_stable_macos_flutter_macos_v1.5.4-hotfix.2-stable.zip]  
2、将下载好的文件拷贝到指定的位置。  
3、设置相关环境变量。  
将flutter指定的位置，例如：`/Users/liuxw/flutter/bin`配置到`.bash_profile`文件夹下，后面会给出示例。运行`flutter doctor`查看是否配置正确。

### 二、Android Studio的安装和配置 ###

1、下载mac版本的andriod studio:[https://dl.google.com/dl/android/studio/install/3.4.1.0/android-studio-ide-183.5522156-mac.dmg][https_dl.google.com_dl_android_studio_install_3.4.1.0_android-studio-ide-183.5522156-mac.dmg] 。  
2、安装和配置  
安装完成后需要记录sdk的保存位置，将sdk的位置保存到环境变量中。相关配置同：[https://blog.csdn.net/lxw983520/article/details/90403986][https_blog.csdn.net_lxw983520_article_details_90403986]

### 三、Xcode的安装 ###

在mac中需要安装xcode才能进行flutter的开发，这比win10的环境多了一个步骤，并且现在下载Xcode需要更新最新的系统，否则会不支持下载。下载完成后有助于调试ios开发。  
安装方法：通过appStore获取安装。

### 四、环境变量配置 ###

vim .bash_profile

整体文件配置信息如下：

export PATH=/Users/liuxw/flutter/bin:$PATH							//主要配置flutter路径
    export ANDROID_HOME="/Users/linuxw/Library/Android/sdk"     //配置AndroidSdk的路径
    export PATH=${PATH}:${ANDROID_HOME}/tools							//配置avd相关
    export PATH=${PATH}:${ANDROID_HOME}/platform-tools
    export PUB_HOSTED_URL=https://pub.flutter-io.cn							//配置flutter国内环境变量
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

运行`flutter doctor`：  
![flutter doctor][]  
如图会有很多错误信息，这时候需要一个个进行安装和更新。  
1、首先要安装brewHome：`/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"`  
2、打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具。

brew update
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller ios-deploy cocoapods
    pod setup

如图，执行以下操作即可：  
![安装相关软件][20190604225906590.png]  
3、安装ios相关设备依赖。  
![ios相关配置][ios]  
4、安装pod，不然在xcode下无法运行。  
![ios相关配置][ios 1]

> 安装这些需要一些时间，需要耐心等待安装完成，可以先执行其他相关的非使用终端下载的操作（终端只支持一个下载任务），例如安装相关插件或者编辑器。

3、执行安卓相关配置：`flutter doctor --android-licenses`，一直执行y即可。安装AndroidStudio的flutter相关插件，这和win10下的配置相同。

### 五、安装完成 ###

安装后的结果如下：  
![验证结果][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x4dzk4MzUyMA_size_16_color_FFFFFF_t_70]

其中设备前的感叹号表示还没有打开虚拟设备或者连接真机，可以自行打开或者使用真机进行连接，这边推荐使用真机连接。  
通过以上的安装和配置后，就可以开始进行相关的flutter学习和使用了。

[https_storage.googleapis.com_flutter_infra_releases_stable_macos_flutter_macos_v1.5.4-hotfix.2-stable.zip]: https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.5.4-hotfix.2-stable.zip
[https_dl.google.com_dl_android_studio_install_3.4.1.0_android-studio-ide-183.5522156-mac.dmg]: https://dl.google.com/dl/android/studio/install/3.4.1.0/android-studio-ide-183.5522156-mac.dmg
[https_blog.csdn.net_lxw983520_article_details_90403986]: https://blog.csdn.net/lxw983520/article/details/90403986
[flutter doctor]: /images/20210923/177899ccfea042d28a606264c7b48fce.png
[20190604225906590.png]: /images/20210923/e54829fcb65a4aef9eac22f0316b4b12.png
[ios]: /images/20210923/321b0c21e0c44b5288a06cdc4009a600.png
[ios 1]: /images/20210923/4e5f1e3ce828447da8d0cadab4bb986d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x4dzk4MzUyMA_size_16_color_FFFFFF_t_70]: /images/20210923/06207034071e4010b9af047d38f8f5a0.png