【Flutter】小白上手之环境（变量）的配置

写在前面：

这几天看听有人在说flutter如何如何好，于是便看看flutter到底何许码也
本来这篇文章是用来记录我小白上手的第一个demo的，没想到在一开始就栽了跟头
那就索性把这个问题以及解决这个问题遇到的知识点记录下来，下次在遇到macOS系统环境变量的问题，也好有个笔记

需要知道的知识点

• MAC 设置环境变量path的几种方法
• 常用的终端命令vim cat touch
• 重启terminal来使你刚才配置的Path生效 这一点很重要

遇到的问题

Q:macOS系统环境变量配置的不对，导致不停的zsh: command not found: flutter

由于我是先解决了问题再来写这个文章的，所以为此我还特意复现了一遍我遇到的问题
按照Flutter 中文网的文档操作
我的mac 用的是zsh，所以vim ~/.zshrc vim $HOME/.bash_profile变更环境变量

期望的结果

最终配置的环境变量

//当你使用`env`查看时，其中会有下面这三行就说明你的环境变量是flutter 要求配置的那样
PATH=/Users/luchaoqun/flutter/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/luchaoqun/.rvm/bin:/Users/luchaoqun/.rvm/bin

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置好之后执行flutter help

操作步骤和解决方案

我一开始按照flutter中文网的操作，添加

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=~/Users/luchaoqun/flutter/bin:$PATH 
// "~/Users/luchaoqun/flutter"是我github上拉下来的flutter代码仓库地址 ，PATH_TO_FLUTTER_GIT_DIRECTORY  说的很明白了

然后再~/.zshrc最后一行添加source ~/.bash_profile来确定zsh能读取到我们更新的环境变量

source ~/.bash_profile

151557532199_.pic_hd.jpg

重启终端让该配置生效
这个时候满怀欣喜的执行flutter help结果还是zsh: command not found: flutter

于是我反复的将那三个Path 写入到~/.zshrc 和 ~/.bash_profile文件中，来确保能被读取到，中间由于心急并不是每次修改后我都重启了终端，所以坑了自己一把（陷入写对了没重启生效和写错了不生效的无线寻中）

不停的用env命令查看你配置后以及重启终端的PATH是否正确
如下图，发现不对啊怎么会有“/Users/luchaoqun/Users/luchaoqun...“ 这一部分我们不期望是这样的额

那一定是配置错了，不是没有生效：cat ~/.bash_profile发现下图这样

原来~代表的就是一段路径”/Users/luchaoqun“ 是我前面获取FLUTTER_STORAGE_BASE_URL这个值的时候，直接把文件夹拖到终端获取路径，然后复制进去就有~/了

于是我修改vim ~/.bash_profile 如上图第一个大箭头所指那样，然后重启终端，在运行flutter help，大功告成

后面的就是正常的flutter doctor 遇到啥问题了看提示基本不会卡很久都能搞定，至少不会像我前面那样卡在环境变量上

屏幕快照 2019-05-11 07.37.21.png