鉴于网上教程多自带坑和地雷,不得不自己写一个来记录安装过程以免日后忘记。闲话少叙,开始。
windows环境
首先必须安装git客户端,因为flutter doctor依赖git而且要求flutter项目必须是从git上检出的,如果直接下载zip恐怕得做一系列很麻烦的配置,所以为了避免麻烦,我们还是老老实实的安装git检出吧。
安装完git之后,执行以下命令检出flutter
git clone -b stable https://github.com/flutter/flutter.git
之后我们需要检查一下windows系统里的powershell版本,在开始菜单里搜索powershell,然后在打开的窗口里输入$host,结果如下:
可以看到,version后面注明了版本号,这里我是之前升级过的,win7自带的powershell版本是2,而flutter要求版本5以上,所以我们需要去微软官方下载升级包,地址:https://www.microsoft.com/en-us/download/details.aspx?id=54616
点击下载后,选择我们需要的版本:
这里版本号写的很清楚,64和32位的区别大家都知道,我根据我的机器选择win7 64位版本,下载安装后,重启电脑,powershell就更新完毕了。
下完这个之后,可以配置两个环境变量,他们的作用其实是指定一个国内镜像服务器,可以加快下载速度:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
当然,上面这种语法在windows下不可行,去系统设置里按套路添加一下即可。
然后执行flutter doctor,它会检查你操作系统中开发flutter的必要条件,不出意外的话,只会提示插件没安装(毕竟我们不可能没安装AndroidStudio。。)。那我们接下来就要去AndroidStudio下安装dart和flutter插件,在菜单里依次选择File>Settings>plugins,搜索dart,点击下面的browse repository。
这个时候你有一定概率极为蛋疼的发现,列表是空的,搜不到,怎么办呢,虽然也可以手动在网上下载再选择从本地磁盘安装,但是绕过这个问题总让我不太舒服。解决方案还是百度,然后一个一个试。。。
最后发现,这是AndroidStudio的bug,在C:\Users\Administrator.AndroidStudio3.1文件夹下缺失了plugins文件夹,而这里的availables.xml是初始化插件列表的必要东东。这就好办了,网上搜索一个,下载下来。然后发现已经可以搜索到dart和flutter插件了。依次安装他们,然后重启androidstudio。
重启之后,就可以愉快地创建flutter项目了:
macos
Mac系统自带git不用再安装了,直接执行:
git clone -b stable https://github.com/flutter/flutter.git
然后把flutter的bin目录设置进path,命令如下:
export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
之后执行flutter doctor诊断开发环境,第一次运行会下载一些依赖所以比较慢,最后一步是Androidstudio安装dart和flutter插件,整个过程根windows都一样,唯一不同的是mac版Android studio的设置名字叫prefence,这也算入乡随俗了。