前言
Flutter是Google推出的移动UI框架,使用它可以快速创建在iOS端和android端平台上的本地应用。
1.获取Flutter SDK
Flutter的SDK有Bate版和Dev版本,Bate版的SDK更稳定一些,Dev版本的更新一点。下载好Flutter SDK解压以后,可以把Flutter SDK放在应用程序的目录下边。打开终端,在终端里输入 flutter,会出现-bash: /Applications/flutter/bin/flutter: No such file or directory,要在命令行中使用flutter SDK需要在系统中配置环境变量,打开bash_profile(open ~/.bash_profile),加入
export PATH=$PATH:/Applications/flutter/bin
(flutter文件中bin目录的路径)并保存,再在终端中输入source ~/.bash_profile执行bash_profile文件。在终端中输入flutter --help会出现flutter使用的相关说明,说明Flutter SDK已经安装成功了。
2.配置 iOS 开发环境
Flutter为iOS开发应用,需要在MacOS系统上安装Xcode,安装好Xcode之后可以打开iOS的模拟器(如图),在终端中输入
flutter doctor
该命令检查您的环境并在终端窗口中显示报告。Connected device会显示可用设备的数量。
如果先在iOS真机上运行flutter项目,我们需要在macOS上安装iOS命令行调试工具libimobiledevice。libimobiledevice 是一个跨平台的软件库,支持 iPhone®, iPod Touch®, iPad® and Apple TV® 等设备的通讯协议。不依赖任何已有的私有库,不需要越狱。安装按照按照提示终端执行命令。
输入完成以后,连接真机,再在终端中输入flutter doctor,会发现iOS toolchain - develop for iOS devices 前边是绿色的对号,并且显示出可用设备数量,说明libimobiledevice已经安装成功。
3.配置VS Code代码编译器
下载安装VS Code,在插件中搜索flutter,点击安装flutter插件。安装完成后重启VS Code即可。
至此,MacOS上的Flutter安装和环境配置已经完成了。