Mac配置flutter环境 踩坑心里路程

首先确保电脑安装brew环境 如未配置在终端输入/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"等待即可

然后配置flutter环境

首先下载flutter的sdk 下载地址:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos 下载最新版本即可 下载完毕解压之后复制SDK里的内容


来到用户目录下新建一个文件夹 比如我的叫flutter把复制的内容粘贴过来


接着我们把下载到的SDK跟系统关联起来让系统找到我们要使用的东西这个时候在终端执行命令行

vim ~/.bash_profile  出现如下图这样输入e按回车即可则进入编辑状态


输入e进入编辑状态之后出来的页面 是只读的不可修改我们需要输入i使其进入编辑状态当出现insert字样的时候就是可以编辑的 

我们把我们刚才在用户目录下的SDK的路径添加到文件中使其关联起来

export PATH=~/flutter/bin:$PATH

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

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

如果你将SDK保存在其他目录下则export PATH=~/flutter/bin:$PATH这里需要输入你目录的地址~/代表根目录如果你按照我的步骤放在用户目录下则复制以上代码粘贴到文件中如图


点击esc 然后输入:wq即可保存并退出(:q是退出),退出以后一定要记得输入source ~/.bash_profile 这个命令行的意思是刚才vim进去的那个文件使其生效,执行到这一步如果你的Mac系统是比较老的这个时候输入flutter -h 就会有一堆东西返回如果你是macos catalina的那么你输入flutter -h 返回的东西是zsh: command not found: flutter,因为 从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell。您还可以在较低版本的 macOS 中将 zsh 设置为默认 Shell。出现这个问题我们怎么办呢

很简单

vim ~/.zshrc 进入到这个文件之内同样输入i进入编辑状态在文末加一行source ~/.bash_profile让这个文件关联到bash_profile即可如图



到这一步我们在进行flutter -h  如果有输出内容则成功安装如果出现

xxxxpermission defined 这样的报错。很明显,权限不足,如果要使用,通过如下命令进行授权即可:

sudo chmod -R 777 要操作的目录地址 把我们存放flutter sdk的文件夹路径拖过去就可以了执行完之后我们再执行flutter -h 这个时候可能需要的时间久一点,但是等待是值得的。出现以下图片这样就表示成功了

有的同学会问了,我们使用vscode开发的时候怎么使用xcode的模拟器呢?

接下来我们在终端输入flutter doctor 返回在Xcode那一栏里会出现类似 以下的报错


我们按照他的提示 在终端依次执行sudo的命令行  执行完毕再次输入flutter doctor

出现以下内容则完全配置成功了,一把辛酸泪。


这个过程可能很枯燥或者很繁琐,耐心一点一定可以成功地!

你可能感兴趣的:(Mac配置flutter环境 踩坑心里路程)