美文网首页
flutter 安装 for mac

flutter 安装 for mac

作者: 默棉花开 | 来源:发表于2021-10-25 14:52 被阅读0次

温馨提示:其实不需要开VNP,我之前开了VNP,导致down Android studio的SDK有一些莫名其妙的错误。

注意:如果是bash的终端(终端的上部边框有英文展示),通过vim ~/.bash_profile 打开文件 配置环境变量,如果用全局支持flutter命令,执行 source ~/.bash_profile ,使得配置文件生效。

flutter的环境,需要安装cocoapod,网上有一大堆资料,这里就不多说了。

Flutter 官网地址

Flutter 中文版地址

第一步:在官网上下载稳定的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的配置过程,耐心,耐心,还是耐心。

相关文章

网友评论

      本文标题:flutter 安装 for mac

      本文链接:https://www.haomeiwen.com/subject/rdcealtx.html