mac电脑Flutter环境搭建以及遇到的问题解决

1、先安装最新版本的Xcode开发工具和Android studio开发工具

2、在Flutter官网下载最新可用的安装包

将安装包移动到自己想要安装到的文件夹目录下,比如,我这里是放在了资源库下面,后面设置使用路径的时候会用到这个目录的路径

3、添加flutter相关工具到path中

方式一:设置后只能在当前打开的终端中使用

在终端执行:export PATH=`pwd`/flutter/bin:$PATH

其中的`pwd`就是安装flutter的时候选择的目录,比如我是安装在资源库下面的,执行的命令应该是:

export PATH=/Users/xjkmini-ios/Library/flutter/bin:$PATH

设置好以后在终端执行命令:flutter doctor

如果没有报错找不到命令,代表设置成功,但是这种方式可能关闭终端再次打开后就需要再次设置才能使用

方式二:永久将Flutter添加到PATH中

在终端执行open ~/.bash_profile命令,打开bash_profile文件,如果没有则执行touch ~/.bash_profile进行创建,然后将以下命令添加到bash_profile文件中

export PUB_HOSTED_URL=https://pub.flutter-io.cn//国内用户需要设置

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//国内用户需要设置

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

注意这里的`pwd`/flutter就是上一步中将sdk拷贝到自己系统的路径,如下图:

将命令添加到文件中以后,control+s保存内容,关闭文件窗口

然后在终端中执行命令:source ~/.bash_profile刷新

关闭终端,然后再次打开终端,然后直接执行flutter doctor命令,如果执行成功,没有报错command not found flutter,那么我们就配置成功了

但是如果还是报错command not found flutter,说明我们没有配置成功

这个时候执行命令source ~/.bash_profile刷新,然后再执行命令flutter doctor。如果没有报错,那就说明你mac电脑的默认shell不是bash了,而是zshrc了,因为苹果公司发布了macOS Catalina(10.15)之后,macOS的默认终端从bash变成了zsh

所以接下来有两种方式可以解决这个问题:

(1)、直接在.zshrc文件中配置flutter的环境变量

(2)、依然在bash_profile中配置环境变量,但是在.zshrc文件中添加命令source ~/.bash_profile。

这样就相当于,每次打开终端时,就自动执行了source ~/.bash_profile命令,可以达到同样的效果。

但是为了方便我们管理环境变量配置,建议用第2种方式,因为我们有可能不光flutter配置会用到相关的工具,所以使用bash_profile单独进行管理。

4、修改环境检查还需要配置的项

配置完成以后关闭终端重新打开再次执行命令:flutter doctor

看到正在检查flutter环境,就说明安装成功了,但还会有部分需要配置的内容,如下图:

检查环境以后,还需要配置的项会列举出来,需要继续修改,检查通过才能正常使用

报错信息:Android toolchain - develop for Android devices (Android SDK version

    32.1.0-rc1)

    cmdline-tools component is missing

      Run `path/to/sdkmanager --install "cmdline-tools;latest"`

      See https://developer.android.com/studio/command-line for more details.

    Android license status unknown.

      Run `flutter doctor --android-licenses` to accept the SDK licenses.

      See https://flutter.dev/docs/get-started/install/macos#android-setup for

      more details.

是因为Android Studio中缺少SDK,需要安装对应的SDK,步骤如下:

打开Android Studio,选择菜单Tools中的SDK Manager选项,打开SDK配置窗口,

在窗口中选择SDK Tools选项卡

然后勾选下图中红框内的选项,然后点击ok等待下载成功

下载完成以后,回到终端中执行flutter doctor命令继续检查环境

如下图,说明SDK的问题已经解决,但是验证不通过

按照提示,执行命令:flutter doctor --android-licenses

然后一直输入y并回车就可以了,再次执行flutter doctor,可以看到工具的问题已经解决

报错信息:Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google

    Chrome.app/Contents/MacOS/Google Chrome)

    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

是因为没有安装谷歌浏览器,去官网下载一个谷歌浏览器安装就行了

安装好以后再次检查环境

剩下最后一个警告,路径https://maven.google.com/无法使用

解决办法如下:

1、找到flutter sdk的文件目录,就是前面的安装目录,打开flutter\packages\flutter_tools\lib\src\http_host_validator.dart文件,使用文本编辑器打开。

2、将文本中的路径https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/,然后保存退出

3、关闭终端窗口,重新打开终端窗口

4、在安装目录下,去到flutter\bin目录,删除cache文件夹

5、在终端命令窗口重新运行flutter doctor,看到检查项全部为绿色勾状态,问题全部解决,环境搭建成功。

到这一步检查全部通过,就代表环境搭建成功了,可以去Android Studio中创建Flutter项目进行开发了。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容