macOS Flutter环境搭建

作者: 蔚尼 | 来源:发表于2024-04-23 15:04 被阅读0次

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

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

1.1.flutter中国官网/下载：https://docs.flutter.dev/community/china
1.2.在中国网络环境下使用 Flutter安装配置的方法：https://flutter.cn/community/china?tab=macos
1.3使用vscode安装：https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start
1.4 中文社区提供的环境搭建文档：https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-4-%E5%B8%B8%E8%A7%81%E9%85%8D%E7%BD%AE%E9%97%AE%E9%A2%98

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

运行 Flutter doctor 来验证安装。

flutter doctor

运行截图

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

如果是按照官网的配置，在zsh配置是export PATH="$PWD/flutter/bin:$PATH"，那换一个终端后输入Flutter doctor 会报找不到flutter。

在本例中，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“。