macOS 配置flutter 环境

Posted 夏天然后

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了macOS 配置flutter 环境相关的知识,希望对你有一定的参考价值。

flutter 中文网 https://book.flutterchina.club
官方 :https://docs.flutter.dev/get-started/install/macos (本文基于此)

1. 本文在 MacOS 环境下配置

2. 要安装和运行Flutter,您的开发环境必须满足以下最低要求:

操作系统:macOS
磁盘空间:2.8 GB(不包括IDE/tools的磁盘空间)。
工具:Flutter使用git进行安装和升级。我们建议安装Xcode,其中包括git,但你也可以单独安装git。

3. 得到 flutter SDK

https://docs.flutter.dev/get-started/install/macos 这个链接下, 滑动到如图所示位置, 点击 Apple Silicon 下的下载链接

4. 解压 SDK

我是下载到这个目录下/Users/summerxx/Downloads/, 你可按照意愿随意放置, 之后进行解压

// 我这里直接放到桌面进行
cd /Users/summerxx/Desktop/MyFlutter   
// 解压
unzip /Users/summerxx/Downloads/flutter_macos_arm64_3.3.8-stable.zip

5. 添加flutter相关工具到path中:

// 此代码只能暂时针对当前命令行窗口设置PATH环境变量
 export PATH=`pwd`/flutter/bin:$PATH

// 注意: 要想永久将Flutter添加到PATH中需要更新环境变量

6. 更新环境变量

打开并编辑 vim ~/.bash_profile

// 加入这个, 然后保存 `Shfit` +` : ` 然后 wq
export PATH=~/MyFlutter/flutter/bin:$PATH

刷新当前窗口

source ~/.bash_profile  

验证“flutter/bin”是否已在PATH中:

echo $PATH

运行 flutter doctor

### 7. flutter doctor 

遇到的问题如下

Exception: Flutter failed to create a directory at “/Users/summerxx/.config/flutter”.
Please ensure that the SDK and/or project is installed in a location that has read/write permissions for the current user.

解决
cd /Users/summerxx/
然后看下这个目录下的文件
ls -la   
之后执行
sudo chmod 777 .config

由于我没下载安卓相关工具所以图片如下, 也算是正常

8. 安装 Xcodeandroid Studio

9. 问题

遇到 flutter 命令不可用
可参考 http://events.jianshu.io/p/dbbe39590afc

我这里是把 ~/.zshrc 内部的路径改成这个.
export PATH=“$PATH:/Users/summerxx/Desktop/MyFlutter/flutter/bin”

夏天然后

以上是关于macOS 配置flutter 环境的主要内容,如果未能解决你的问题,请参考以下文章

macOS 配置flutter 环境

MacOS安装flutter(MacOS下flutter环境配置)

Flutter |macOS 下载安装配置

flutter-macos(M1)开发环境搭建

Flutter--实战在 macOS 上搭建 Flutter 开发环境

MacOS搭建Flutter开发环境