MAC搭建flutter开发环境

最近准备自己研究flutter开发,搭建环境是第一步,在网上看了无数篇文章,踩过N多坑后,总结以下无问题的搭建过程!

本文是适合一个iOS开发入坑的文章
1.电脑Xcode正常,且模拟器正常(工程编译用的到);
2.brew正常

第一步:安装相关工具

1.安装vs code:下载地址:https://code.visualstudio.com/
下载默认的Stable Build;
2.在VS Code中下载安装Flutter插件,并重启。

MAC搭建flutter开发环境_第1张图片
1.png

3.下载Android Studio 并安装(傻瓜式安装)(推荐官方渠道): 下载地址:https://developer.android.google.cn/studio/
4.在Android Studio中安装Flutter插件,Dart插件
MAC搭建flutter开发环境_第2张图片
2.png

5.在Android Studio中安装Android SDK Tools(我的官方包是安装好的,检查下,没安装的安装下)
MAC搭建flutter开发环境_第3张图片
3.png

6、在Android Studio中安装Android Virtual Device(模拟器)并重启(这是效果图,如果是小白不会添加模拟器,可自行百度)
MAC搭建flutter开发环境_第4张图片
4.png

第二步:配置环境

1.下载最新的 stable Flutter SDK存到你想放的位置:下载地址:https://flutter.cn/docs/development/tools/sdk/releases?tab=macos
2.在根目录下终端执行 vim .bash_profile
输入以下内容
export PUB_HOSTED_URL=https://pub.flutter-io.cn

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

export PATH=你的flutter文件夹路径/bin:$PATH

3.刷新命令:source $HOME/.bash_profile
4.检查flutter环境:flutter doctor
以下图示为成功的,如果有警告,根据提示执行相关命令


MAC搭建flutter开发环境_第5张图片
5.png

5.预下载 iOS 和 Android 的开发二进制文件
flutter precache

到此,环境配置大功告成!

你可能感兴趣的:(MAC搭建flutter开发环境)