前言:本文仅供学习,不得转载!
本文只是按照Flutter中文网的安装教程中具体实现步骤所做的便签,因为有些太详细的东西Flutter中文网并没做过多的解释,讲真,官网说的太少了,所以如果是新手的话(本人就是个Flutter菜鸡)或者你又恰好对Linux命令不太熟悉的话,那就一步步照着操作吧。
Step 1
第一步肯定就是获取安装包了,建议是通过去flutter官网下载其最新
、稳定
的安装包,转到下载页 ,下载速度取决于自身网速。
ps: 稳定安装包通过选择
Stable channel (macOS)
通道里面的最新版本下载即可,如果不是为了尝鲜flutter最新的功能或者API的话,个人建议是下载稳定的版本,毕竟bate版这个玄之又玄的东西,新手不建议使用。

下载完成之后,就是上面这个Zip格式的压缩文件,然后把这个文件解压到你想要安装的目录中去,下面这个步骤官网是通过终端命令的方式去解压缩。
cd ~/development
unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
具体怎么做呢?请看分解动作 敲黑板划重点!!!

可以看到我自己本机的路径是在:本地磁盘->用户->当前管理员用户->资源库(Library)->Flutter,这个Flutter就是我自己创建的安装目标路径。
打开终端 cd到对应目录(Mac打开terminal默认的路径是在当前用户的文件夹下,所以直接指向cd到目标路径即可)
cd Library/Flutter
然后执行下面的命令解压缩我们下载下来的zip文件即可,也可以手动解压缩放到对应的目录下面
unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
至此已经是安装初步完成,但是还是需要验证是否安装成功
注意:在验证是否安装成功之前,需要先配置一个临时的环境变量,只会在当前命令窗口生效
执行以下命令行
export PATH=`pwd`/flutter/bin:$PATH
(以上设置只是设置了临时环境变量,并不是说Flutter的环境变量就此设置完毕)
如果没有报错即为配置完成,然后运行 flutter doctor
flutter doctor
可以看到我本机的Flutter已经安装完毕

随之一起输出的还有各个开发环境的配置情况

一步一步来吧,因为我自己是iOS开发,所以就从熟悉的Xcode开始,可以看到原因是因为macOS 缺失的软件包的管理器造成的,安装方法也很简单,直接执行以下命令即可
ps: brew的官网里面有此插件的介绍,感兴趣的可以看一下
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
经过一次暂停需要手动敲击任何按键进行继续安装,之后输入本机电脑密码之后,安装完成。

之后继续运行 flutter doctor 查看配置信息
flutter doctor

可以看到iOS的环境依旧是感叹号,三个原因:
- 一个原因是brew没有进行初始化操作
- 另一个原因就是ios-deploy not installed.没有安装一个iOS部署的东东,具体是什么插件,不得而知,这个插件肯定是flutter在桥接Xcode环境需要用到的吧。
- 最后一个原因是cocoapods与flutter的依赖关系造成的,具体可以参考https://flutter.dev/platform-plugins
OK,那么先按照提示执行pod setup操作,众所周知这个pod setup是一个比较漫长的过程,喝杯茶等一下吧。
其实我自己的pod是安装过的,可能是版本太低,或者配置不正确的原因造成的,我查看了一下pod --version,发现我的版本号并不低,那就可能是依赖关系,或者配置造成的原因,具体原因有待小伙伴深究,可以留言一起探讨
pod setup

pod setup之后,顺便把执行以下 检查更新
sudo gem install cocoapods
然后再次执行 pod --version
查看pod版本号,发现已经更新到最新的1.7.1的版本

然后处理第二个问题,按照提示依次执行命令行
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

可以看到到此为止iOS环境算是已经处理完毕。接下来处理Android环境,Android的IDE我这里下载的是Android Studio,也可以用VS Code 、IntelliJ等,这里推荐VS Code或者Android Studio(捂脸,因为我没有用过第三种)在此我就先拿Android Studio开刀吧。。
端午节回家有点事情,赶飞机先放着,有空继续写
网友评论