人工智能零基础入门Flutter修炼手册

Flutter安装步骤【详细版】for MacOS

2019-06-05  本文已影响0人  Flutter小菜鸡

前言:本文仅供学习,不得转载!

本文只是按照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

具体怎么做呢?请看分解动作 敲黑板划重点!!!

目录结构.png
可以看到我自己本机的路径是在:本地磁盘->用户->当前管理员用户->资源库(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已经安装完毕


输出结果.png

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

环境配置情况.png

一步一步来吧,因为我自己是iOS开发,所以就从熟悉的Xcode开始,可以看到原因是因为macOS 缺失的软件包的管理器造成的,安装方法也很简单,直接执行以下命令即可
ps: brew的官网里面有此插件的介绍,感兴趣的可以看一下

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

经过一次暂停需要手动敲击任何按键进行继续安装,之后输入本机电脑密码之后,安装完成。


安装brew成功.png

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

flutter doctor

配置信息.png

可以看到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操作.png

pod setup之后,顺便把执行以下 检查更新

sudo gem install cocoapods

然后再次执行 pod --version 查看pod版本号,发现已经更新到最新的1.7.1的版本

pod version.png
然后处理第二个问题,按照提示依次执行命令行

brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

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

猜你喜欢

热点阅读