flutter开发环境搭建记录

去官网下载Flutter SDK,我下载的版本为| v1.12.13+hotfix.7 | 9f5ff23 |

下载后解压文件
新建一个文件夹用来保存相关文件,我这里新建一个名为app的文件夹


flutter开发环境搭建记录_第1张图片
创建文件夹

将解压后的文件拖入app文件夹中

打开终端输入命令:
vim ~/.bash_profile
插入一行
export PATH=路径:$PATH

注:
这里的“路径”用拖拽的方式添加更准确,找到解压后的文件的bin文件夹拖到终端窗口


flutter开发环境搭建记录_第2张图片
配置变量

flutter开发环境搭建记录_第3张图片
添加一行并保存

终端继续执行source ~/.bash_profile然后执行flutter -h
如果终端显示信息如下则以上步骤没问题,如果有问题一般是变量路径设置有问题

成功的显示信息

执行flutter doctor

flutter开发环境搭建记录_第4张图片

这里出现几个问题,这个版本的flutter要求Xcode版本不低于10.2,其次未安装Android Studio

先解决Xcode版本问题,由于macOS High Sierra最高支持Xcode10.1,极不情愿地升级系统(升级过Catalina,bug太多,后来虚拟机安装Catalina,iOS新特性学习全部在虚拟机进行,这次先升级macOS Mojave吧)

升级完操作系统并安装了Xcode11.3,接下来安装Android Studio(需要梯子翻墙下载)
安装完后重新执行flutter doctor

flutter开发环境搭建记录_第5张图片

执行 flutter doctor --android-licenses 并一路y下去

打开Android Studio,command + , 点击Plugins搜索flutter安装后重启Android Studio

flutter开发环境搭建记录_第6张图片

重新执行flutter doctor显示如下信息,到此flutter开发环境搭建完成

flutter开发环境搭建记录_第7张图片

你可能感兴趣的:(flutter开发环境搭建记录)