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