Flutter Setting

前言

Flutter是Google的跨平台框架,说白了就是UI跨平台。RN 凉了,Flutter 真的有春天吗?而且Google相对Facebook来说,更加靠谱一点,再不济,Android平台一定会完美支持的。自从苹果限制热修复之后,JS成了前端和移动端公认低成本,兼容最强的热更新方案,但是原生跟JS频繁的交互,整体性能令人担忧。Flutter里面同时提供了两种UI库的风格,第一种肯定是Material Design风格,还有就是Cupertino风格,也就是iOS中采用的风格。个人理解应该是Flutter封装了一套完整的UI的API,在开发时候可以直接使用,通过官网介绍了解应该也可以直接调用Android和iOS中的原生API。Flutter推出已经有段时间,网上讨论很是火热,有的说没必要入坑,有的大力推荐,还有的人在为Android开发担忧,个人感觉完全没必要担心,Flutter只能是一个趋势,不会替代,期待后续Google对Flutter的更新和优化吧。

本文详细介绍在mac下配置Flutter环境的每一个步骤,通过图文的方式使得读者快速理解和掌握Flutter的环境搭建流程。

下载flutter

推荐去官网下载,速度并不慢,网址:

https://flutter.io/setup-macos/

点击链接:


配置环境变量

先把刚才下载的flutter_***.zip解压缩到选择使用的目录文件夹

配置环境变量,命令大法:

vim ~/.bash_profile

增加一行:

exportPATH=/app/flutter/bin:$PATH

保存完毕后执行下面命令生效:

source~/.bash_profile

此时可以运行flutter命令:

flutter -h

展示flutter的命令帮助:

检查环境

运行命令行:

flutter doctor(该过程巨慢无比,耐心等待)

不出意外各种检测不通过(有[!] ✗ 标志,表示本行检测不通过)

解决检测不通过

[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)

! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licens

运行flutter doctor --android-licenses命令

国际惯例,一路Y搞定

✗ ideviceinstaller is not installed; this is used to discover connected iOS devices.

To install, run:

brew install --HEAD libimobiledevice

brew install ideviceinstaller

✗ ios-deploy not installed. To install:

brew install ios-deploy

✗ CocoaPods not installed.

CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.

Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.

For more info, seehttps://flutter.io/platform-plugins

To install:

brew install cocoapods

pod setup

运行命令:

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup

其实根据检测不通过的错误信息就能知道我们该执行什么命令解决的,比如遇到如下检测不通过的信息:

执行命令:

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

brew update

brew uninstall --ignore-dependencies libimobiledevice

brew uninstall --ignore-dependencies usbmuxd

brew install --HEAD usbmuxd

brew unlink usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

pod setup

就可以解决上述检测不通过的问题,每个人可以能遇到问题不同,但是解决问题的套路都是一样,都会提示你该怎么处理。

[✓] Android Studio (version 3.0)

✗ Flutter plugin not installed; this adds Flutter specific functionality.

✗ Dart plugin not installed; this adds Dart specific functionality.

打开android studio, 打开plugin

安装,重启,再次运行:

直到检测都通过为止,就可以了,不通过的地方按照指引来做就好了。

该问题我没遇到过,但是有人遇到过,python版本?之前装过python?人品?不晓得跟什么有关系,记录一下,如果按照指引来做,会一直卡在这里。这里要先重装一下python,运行下面的命令:

brew reinstall python@2

pip install six

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 同样的代码,昨天没有错误,今天运行或者编译就出现找不到。a文件的路径错误。蛋碎了一地。莫名其妙没时间研究还需要弄其...
    六朝阅读 151评论 0 0
  • 每次坐飞机,都很喜欢从窗户往外看,空中俯视大地,站在上帝的视角,总会感慨万千。 随着飞机极速的上升,...
    影11阅读 1,025评论 1 6
  • 四季不停流转交替 花开花落 枯叶飘零 抬头间 那曾经的碧海蓝天 却早已失了踪影
    影子诗人阅读 261评论 0 2
  • 一场风花雪月,一场酸甜苦辣,情感难离。一场相聚离别,或前或后,或以往记忆,都会深深地留下印象,唯有岁月可回眸。相聚...
    铭帅之念阅读 1,098评论 7 10
  • 拿着智能手机,就感觉手麻‖打开智能手机,觉得眼花‖触碰软件,好像妙手回春,世界在眼前…… ‘叮当’,是一个微...
    好人一身平安阅读 790评论 1 1