macOS Flutter环境搭建

Flutter 团队推荐使用支持 Flutter 插件的编辑器,以获取更好的开发体验。
可以为 Visual Studio Code、Android Studio 以及 IntelliJ IDEA(Community、Educational、Ultimate 版)添加编辑器支持的插件。

一、步骤参考:
1.fluter按照:

2.安装 Flutter 和 Dart 插件:https://flutter.cn/docs/get-started/editor?tab=androidstudio
3.配置andorid开发:https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start

二、个人实际操作和1.2的上面官网稍不同一些:(做完下面的,还要做上面的2、3)
上面文档里面少写了一些详细方法,所以flutter doctor 验证一次成功了,再打开新的终端输入flutter doctor报没有安装flutter。后面结合GPT重新梳理了一下:

1.在 terminal 中打开新窗口,准备运行脚本。
2.将 PUB_HOSTED_URL 设置为镜像站点。

 export PUB_HOSTED_URL="https://pub.flutter-io.cn"

3.将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点。

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

4.从镜像站点下载 Flutter 压缩包。在你常用的浏览器中访问并下载 Flutter SDK 压缩包

5.创建一个路径存放fullter,我存放在 /users/xxxx/development/ 下面。
把fullter sdk下载下来后,解压到这个路径里面。

6.将 Flutter 添加到你的 PATH 环境变量中:

  • 输入以下命令来编辑你的 shell 配置文件。如果你使用的是 Bash shell,通常的配置文件是 ~/.bash_profile 或 ~/.bashrc。如果你使用的是 Zsh shell,则是 ~/.zshrc。我的是Zsh:
vim ~/.bash_profile
  • 在文件的末尾,添加以下内容:(路径根据自己的实际情况更改)。这会将 Flutter 的路径添加到现有的 PATH 变量中。
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"
  • 保存并退出编辑器:如果使用的是 Vim,按下 Esc 键,然后输入 :wq 并按下 Enter 键保存并退出。

  • 重新加载配置文件,以使更改生效:

source ~/.zshrc
  1. 运行 Flutter doctor 来验证安装。
flutter doctor
运行截图

在安装fulter之前,已经安装了xcode、andorid stuio、vscode,所以上面没有报这几个的相关错误。安装包到官网下载即可

如果是按照官网的配置,在zsh配置是export PATH="$PWD/flutter/bin:$PATH",那换一个终端后输入Flutter doctor 会报找不到flutter。
  1. 在本例中,flutter pub get 会在任何设置了 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 的终端中去获取 flutter-io.cn 上的 package。
    在此过程中使用 export 设置的环境变量仅适用于当前会话窗口。
    要永久设置这些值,
    将这三条 export 指令附加到首选 shell 使用的 *rc 或 *profile 文件中。按照上面在zsh文件中添加的方法一样,在最后面添加上下面内容--保存---重新加载配置---flutter doctor验证:
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"  (这行在前面已经加过了!!!!)

三、2、3做完flutter doctor报错

运行截图

解决方案:android studio的setting里面安装提示的内容”xxxx tools“。


image.png

然后终端运行:flutter doctor --android-licenses
再终端输入flutter doctor,andoroid相关的都已经安装了:


image.png

四、视频课里面的讲的:(就是上面的内容,可以不看了)

image.png

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

和普通的iOS项目运行到真机一样,配置各个证书

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

推荐阅读更多精彩内容