在MacOS上搭建Flutter开发环境

前言

Flutter是Google推出的移动UI框架,使用它可以快速创建在iOS端和android端平台上的本地应用。

官网地址

1.获取Flutter SDK

Flutter SDK下载地址

在MacOS上搭建Flutter开发环境_第1张图片
bash_profile文件配置PATH

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 开发环境


Xcode打开iOS模拟器
在终端中输入flutter doctor,Connected device显示可用设备的数量

Flutter为iOS开发应用,需要在MacOS系统上安装Xcode,安装好Xcode之后可以打开iOS的模拟器(如图),在终端中输入

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Connected device会显示可用设备的数量。

在MacOS上搭建Flutter开发环境_第2张图片

如果先在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代码编译器


在MacOS上搭建Flutter开发环境_第3张图片

下载安装VS Code,在插件中搜索flutter,点击安装flutter插件。安装完成后重启VS Code即可。

至此,MacOS上的Flutter安装和环境配置已经完成了。

你可能感兴趣的:(在MacOS上搭建Flutter开发环境)