温馨提示:其实不需要开VNP,我之前开了VNP,导致down Android studio的SDK有一些莫名其妙的错误。
注意:如果是bash的终端(终端的上部边框有英文展示),通过vim ~/.bash_profile 打开文件 配置环境变量,如果用全局支持flutter命令,执行 source ~/.bash_profile ,使得配置文件生效。
flutter的环境,需要安装cocoapod,网上有一大堆资料,这里就不多说了。
第一步:在官网上下载稳定的flutter版本,不建议安装最新版本。flutter版本下载地址
第二步:把flutter解压后的文件夹,放到你想放的位置,推荐放在home下面。(root后期更新啥的比较麻烦,因为需要授权。)
第三步:通过终端打开: zshrc 文件
终端命令: vim ~/.zshrc 回车 i
第四步:配置环境变量:
export PATH=“这里放flutter文件里面bin的地址”:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
按shift + esc 再按 :wq 保存退出
第五步:输入flutter doctor 如果没有反应,在终端输入命令:source ~/.zshrc 让 zshrc的配置生效,再执行flutter doctor 检测环境,状况如下:

第六步:针对以上红色区域的处理,我是先安装Android Studio。前往Android开发官网:Android开发官网(如果是M芯片的,选择apple chip 版本,否则选择intel chip版本。具体一看查看 关于本机 处理器的信息)。ps :这里我遇到的坑,因为我开了VNP,不知道啥情况,安装Android Studio的时候,弹出 设置 proxy,一脸懵逼,后来是关闭了VNP,就正常安装了。
第七步:Android studio的配置 如图:

第八步:再flutter doctor 出现如下:

根据红色文字的提示,下载java包地址:JAVA包下载地址 。根据网址提示下载就好,这一步很简单。根据提示,在终端执行: flutter doctor --android-licenses
第八步:再flutter doctor 出现如下:

根据提示,在终端执行 flutter doctor --android-licenses
第九步:再一次 flutter doctor,如图所示:

这个参考这篇文章解决:https://blog.csdn.net/wh5359/article/details/118895172
方法就是:1)/Users/mac/Software/flutter/packages/flutter_tools/lib/src/android/android_studio.dart 中找到 这个 android_studio.dart 。把globals.fs.path.join(directory, 'jre', 'jdk', 'Contents', 'Home') :替换成globals.fs.path.join(directory, 'jre', 'Contents', 'Home') ,就是去掉jdk。
2)应用程序 -> Android studio 展示包内容 ,在contents 的 jre 文件下面新建 jdk 文件夹,并把此处jre的 contents 拷贝一份放到 jdk 文件夹下面。
3) 打开 Android studio 的,操作如图:

最后一次 flutter doctor
成功的样子如下:

第十步:在Android Studio的Preferences 中 配置flutter开发插件,选择 Dart 和Flutter 插件。

到这一步,恭喜你,flutter环境和开发环境都搭建好了,就可以开始写flutter项目了。
以上就是flutter的配置过程,耐心,耐心,还是耐心。
网友评论