flutter easy_refresh noMoreText什么时候生效 flutter node

Mac OS下的flutter环境安装

• 1、环境阐述
• 2、如React Native一样，安装必要插件以及环境

• *2.1、安装Homebrew*
• *2.2、安装Node、watchman*
• *2.3、安装Xcode*
• *2.4、安装CocoaPods*

• 3、克隆flutter的SDK包
• *4、配置环境变量*

• 4.1 打开bash的环境变量设置
• 4.2 引入镜像
• 4.3 引入flutter的SDK包

• 5、保存并更新环境变量
• 6、运行flutter doctor
• 7、完成
• 8、特别提醒，优先看这段

1、环境阐述

初步搭建环境，暂不考虑安卓环境，优先搭配出IOS的环境。

2、如React Native一样，安装必要插件以及环境

参考网址：React Native中文网–搭建开发环境

2.1、安装Homebrew

因为时间差原因以及我第一次安装就成功了，所以这里贴出【疑似】我第一次参考的文章：Mac安装Homebrew

2.2、安装Node、watchman

brew install node
brew install watchman

这是RN官网的示例，事实上，node的安装是在我学习flutter之前就安好的了，所以我只用了brew去安装watchman。
tips：似乎由于网络问题或者墙的问题，watchman概率性会失败，没什么难度，保持网络通畅，实在不行就科学上网后安装，没什么难度的。

2.3、安装Xcode

Xcode可以直接在App store里面找到，8.1个G，下载时间由网络环境决定，我的第一次安装是在公司网络环境下，网速很快，十分钟左右。

2.4、安装CocoaPods

brew install cocoapods

安装RN官网的示例代码即可安装。

3、克隆flutter的SDK包

git clone -b beta https://github.com/flutter/flutter.git

最好是科学上网状态下去安装（实在没有也没关系，慢点而已，不是特别大）。它是flutter的基础包，是必要的东西，需要注意的是：
安装路径一定要自己能找到，并且拿到详细url地址。可以通过终端输入“cd ”然后把flutter的文件拖进去，就能拿到地址。
遗留疑惑：有人说一定要压缩包和文件夹都同时存在。目前情况是如此，可以运行，但我合理怀疑不需要保留压缩包也行。有待验证。

4、配置环境变量

4.1 打开bash的环境变量设置

终端输入：

open -e .bash_profile

4.2 引入镜像

因为flutter是Google公司开发的，所以很多东西国内无法访问，但Google公司提供了国内镜像，我们需要将其引入到环境变量中，不然开发过程中引入依赖这些，会巨慢甚至失败。

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

4.3 引入flutter的SDK包

上文第三步【克隆flutter的SKD包】已经说明了SDK包地址的拿取方式。接着在环境变量中输入

export PATH= SDK包地址/bin:$PATH

tips：SKD包里面有个bin文件夹，只要保证路径后是bin文件夹就可以了。以下是我的环境变量截图：

其中“/Users/xuyuan/Documents/flutterInfo/flutter”即是我的SDK包存放的路径，我是存放在【文稿】里面的，且因为压缩包和文件夹在同一级目录，所以额外建立了个“flutterInfo”文件夹。我的文档结构如下截图

5、保存并更新环境变量

command + S保存环境变量的编辑器，然后退出。之后在终端继续输入：

source .bash_profile

这句话就是更新环境变量的意思。
然后可以测试下路径，在终端输入：

echo $PATH

打印出地址即可。

6、运行flutter doctor

终端输入

flutter doctor

等它运行完成后应该如下图

前面是绿色的钩即代表安装环境ok，图上表示flutter、Xcode、vscode和connected device是可以使用的，因为暂没有配安卓环境，所以Android是不行的。不影响开发。暂时只能适配IOS而已，如有需要再配安卓环境就可以了。

7、完成

到这里环境就安装完成了。我用的vscode开发，所以vscode里面还需要配置。扩展vetur和flutter以及dart，就可以了。然后按照flutter官网写demo就可以了。

8、特别提醒，优先看这段

特别重要提醒：Mac的终端有两种，分别是bash和zsh（疑似还有个shell，不过这个没用到）。上面所有环境变量的配置都是在【bash】下的，如果你的Mac控制台是zsh的，会找不到环境变量。

zsh: command not found: flutter

如上，如果出现类似的zsh开头的，即是zsh环境，在vscode环境下开发有可能就找不到flutter，需要切换到bash环境。如果你全局都是bash环境，就不需要切换。
切换bash环境代码，在终端输入：

chsh -s /bin/bash

然后会让你输入Mac解锁密码。完成后重启终端即可。