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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容