SDK配置

首先当然是上Flutter官网,找一篇最快的入门文章看看,选择MacOS系统,[MacOS上搭建Flutter开发环境]

首先临时性地配置一下Flutter的SDK仓库地址



export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn



然后下载解压下载下来的flutter的压缩包,并将解压下来得到的flutter工具路径配置到环境变量中



export PATH=`pwd`/flutter/bin:$PATH



接着使用`flutter doctor`查看是否需要安装其他依赖项,得到的结果可能会有一些画叉叉的地方,按照提示安装相应插件和配置好相应环境变量即可。

最后一步,将flutter的bin目录配置到环境变量的path,以达到在任意位置都可以执行flutter命令。

IDE配置

Flutter是支持Android、iOS以及桌面应用程序的,并且听说还能支持网页,按理来说是应该在Android Studio和Xcode中开发的,但真心无力吐槽Android Studio的内存泄漏了,各种卡到爆,一但一个工程稍微大一点,就卡得受不了,几十万代码的工程还行,一但到百万行代码级别,全源码依赖简直就是火葬场。Xcode就不说了,直接10G走起,用MacOS的同学磁盘都是以G来计算价位的,若非是专业的iOS开发,有其他选择的话,尽量还是不要装Xcode了。10G用来下点源码看它不香吗?

这里说的其他选择就是Visual Studio Code,别看微软将闭源软件搞得一套一套的,但毕竟人家的商业公司,也就别指望谁都能像Google一样搞情怀。但微软这个VSCode是真的不错,支持各种小Plugin,对于大前端开发来说,简直是爽得不要不要的,这里暂且将Flutter定义为大前端开发范畴。

和前面提到的执行flutter doctor结果一样,按提示在VSCode上安装Flutter Plugin,有兴趣的还可以自行选择安装其他几个Flutter和Dart插件。额,对于官网上说的Xcode和Android Studio,也可以选择性安装,关于模拟器的话,可以考虑一下直接wifi连接adb,远程连接自己的物理Android机。方式大概如[这篇文章]所说,简单地描述就是

先用USB数据线连接一次电脑,开启开发者模式,使用命令"adb tcpip [port]“来开启tcpip连接手机,这里port范围是5555-5585,一般来说都是用5555,然后断开USB数据线,再在电脑上执行"adb connect [ip:port]",这里要求电脑和手机连在同一个局域网下,adb connect连接命令的ip是手机的局域网ip,port是前面adb tcpip选择的端口号。

创建项目并build安装到手机

首先执行“flutter devices”查看一下有哪些手机设备连接上了,如果有的话,就可以再执行编译并安装的命令了“flutter run”,这样编译完成后,在手机上就会有提示安装app,安装好后打开就能看到flutter的官方demo,右下角一个悬浮按钮,点击时屏幕中间的数字就会加1