在macOS上搭建Flutter开发环境

410 阅读1分钟

在macOS上搭建Flutter开发环境 这是我安装步骤和遇见的问题,详细的可以去flutter中文网。 1.获取Flutter SDK,去flutter官网下载其最新可用的安装包,转到下载页 2.解压SDK,在文稿下创建 development 文件夹,拉进去。 3.更新环境变量 3.1 确定您Flutter SDK的目录,您将在步骤3中用到。 3.2 打开(或创建) $HOME/.bash_profile. 文件路径和文件名可能在您的机器上不同. 3.3. 添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

上面3点是官方给出的步骤。

首先找到$HOME,打开或者创建.bash_profile文件,使用终端命令

vim .bash_profile

要是本地有这个文件就会自动打开,没有就好自动创建新的文件,接着终端输入i 进行插入文件,复制粘贴下面文件

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

在第三行等号后面加入你SDK的文件路径,比如我是把sdk放在文稿的development下面就是这样。/Users/xxxx/Documents/development/flutter 然后复杂这后面一段补上,输入完成如图

/bin:$PATH

截屏2022-04-07 14.35.38.png 点击esc 退出,在英文输入法下输入:wq 离开写入内容。

关闭终端和全部退出。 要是没有写入报错输入:rm -f ~/.bash_profile.swp,从头再来一遍。

4.再次打开终端 执行flutter 或运行 flutter doctor ,如图代表安装成功。 截屏2022-04-07 14.39.58.png

5.要是出现 -bash: xxxxxxxxx Permission denied 问题:权限不足,如果要使用,通过如下命令进行授权即可  

sudo chmod -R 777 要操作的目录地址

6.终端执行flutter 命令 提示错误信息env: bash\r: No such file or directory 问题:flutter下载了Windows版本的,重新下载macOS版本

  1. 要是提示:-zsh: xxxxxxxxx Permission denied 可以换看 support.apple.com/zh-cn/HT208… 换成bash,再执行上的第五点

截屏2022-04-07 14.47.19.png 8.zsh: command not found: flutter 1、执行:【open ~/.zshrc 】

2、如果 提示文件不存在,则执行:【vim ~/.zshrc 】新建一个新文件。

      vim ~/.zshrc 3、在.zshrc里面加入一行source ~/.bash_profile
这就是我安装目前遇见的问题。