Flutter是一个跨平台移动应用开发平台,和它最接近的是React Native框架,目标是一份代码,同时运行在Android, IOS设备上,其实Flutter还支持桌面端开发,也是Google的下一代操作系统Fusion的App开发框架, 可见该平台未来的发展潜力。
为了体验Flutter的跨平台开发效果,自然最好在MacOs上搭建Flutter环境,这样能同时运行Android,IOS版本。当然如果只有Ubuntu,Windows等系统,就只能体验Android端的效果了,不过也不耽误体验学习Flutter。下面就来介绍Flutter MacOs上搭建环境的流程。
其实官网的资料和流程非常详细,英文还可以的同学参考该文档基本不会有太大的坑。
https://flutter.dev/docs/get-started/install
根据你们机器操作系统类型(windows, macOs, Linux)选择相应向导即可。本文以MacOs为例演示环境搭建过程,其实Linux系列操作系统(比如Ubuntu)也差不多。
获取Flutter SDK
-
下载以下安装包以获取Flutter SDK的最新稳定版本:
flutter_macos_v1.7.8 + hotfix.3-stable.zip
对于其他发布渠道和旧版本,请参阅SDK存档页面。
-
在所需位置提取文件,例如:
$ cd ~/development $ unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.3-stable.zip
-
将flutter工具添加到您的路径:
$ export PATH="$PATH:`pwd`/flutter/bin"
此命令仅为当前终端窗口设置PATH变量。要将Flutter永久添加到路径请继续查看下面内容
检测环境是否完备
运行以下命令以查看是否需要安装任何依赖项来完成设置(对于详细输出,添加-v标志):
$ flutter doctor
此命令检查您的环境并向终端窗口显示报告。该命令会输出详细结果,参照提示补充确实的内容即可。如果非MacOs可以忽略Xcode相关的缺失提醒只需完成Android相关的环境搭建即可体验Flutter Android端的效果。
将flutter添加到环境变量
-
修改$HOME/.bash_profile。您的计算机上的文件路径和文件名可能不同
$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
-
运行source $HOME/.bash_profile以刷新当前窗口。
安装开发IDE
目前支持Flutter开发的有两大IDE, Android Studio及VS Code。个人推荐Android Studio。
安装Android Studio
-
下载并安装Android Studio。
-
启动Android Studio,然后浏览“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,这些都是Flutter在开发Android时所需要的。
安装Flutter插件
点击Android Studio的preferences->plugins->flutter安装即可, dart插件类似。
Android Studio安装完成后,相当于Android平台也安装好了
iOS设置
安装Xcode
最新的Flutter需要安装Xcode 10+,自然需要升级MacOs版本,这个过程还是蛮繁琐的。先升级MacOs,然后升级xcode,升级完成后执行如下操作。
-
通过从命令行运行以下命令,配置Xcode命令行工具以使用新安装的Xcode版本:
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
当您想要使用最新版本的Xcode时,这是大多数情况下的正确路径。如果需要使用其他版本,请改为指定该路径。
/**************************************************
* 本文来自CSDN博主"一点码客",喜欢请顶部点击关注
* 转载请标明出处:http://blog.csdn.net/itchosen
***************************************************/
如需实时查看更多更新文章,请关注公众号"一点码客",一起探索技术