flutter环境搭建

原文地址：https://juejin.im/post/5d0508d56fb9a07ec373eb9e

1、配置HomeBrew

我们在去配置Flutter的环境之前，需要先检查一下HomeBrew是不是最新的。

$ brew update
复制代码

如果没有brew的话，可以去HomeBrew官网自行下载。这里就不赘述了，这里如果重新下载的话，看到下面的打印信息就说明下载完毕了。

2、下载SDK，直接从官网下载，下载完之后，是一个名字叫flutter_macos_v1.5.4-hotfix.2-stable.zip的压缩包

3、创建项目根目录

    因为是测试目录，所以我就在桌面上创建一个flutter的文件夹，将SDK解压到该目录中，

4、配置环境变量

因为Flutter的SDK中包含了很多的命令行工具。我们就需要配置环境变量。

为了方便后续使用，需要将项目根目录下bin路径加入环境变量PATH中，打开~/.bash_profile文件，修改环境变量即可。
执行命令 open ~/.bash_profile 在底部将下面的环境变量添加进去。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/zhaojing/Desktop/flutter/flutter/bin:$PATH

复制代码注意下，第三个环境变量这里/Users/zhaojing/Desktop/flutter/是我的flutter的SDK的存储目录，然后/flutter/是我们刚刚解压的的zip包里面的flutter文件夹。上面两个环境变量是两个镜像地址，上文中也有说过。
接着shift+：然后输入wq保存并退出vim。输入如下命令：

source ~/.bash_profile
复制代码
最后我们就可以验证一下flutter环境有没有配置成功了。输入：

flutter -h
复制代码
看到如下如的打印信息就是配置成功了

这一步，由于用不习惯vim命令，所以直接手动创建.bash_profile文件，然后通过文本编辑器上面的环境变量加进去也可以。

5、我们用flutter doctor命令去检查一下flutter的环境配置，会出现下面错误：

因为我是做iOS的，所以只处理了下XCode配置，按照提示一步步执行以下相关命令即可：

        brew update
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install:
        brew install ios-deploy

6、安装VSCode

VSCode上面使用的话，就简单多了，这里我就简答的赘述一下。 只需要将Dart和Flutter插件都下载下来

image.png

然后command+shift+p输入flutter，选择Flutter：New Project