移动端混合开发Flutter入坑环境搭建
Posted IT科技互联
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端混合开发Flutter入坑环境搭建相关的知识,希望对你有一定的参考价值。
一、目录
1.1. Mac环境配置
1.2. 配置移动端开发环境
1.3. 测试环境
1.1. Mac环境配置
环境要求:
操作系统: macOS (64-bit)
硬盘空间: 700 MB (不包括IDE的大小).
工具: Flutter依赖一下command-line工具
bash
curl
git
2.xmkdir
rm
unzip
which
Flutter SDK配置
1.下载 fluttermacos1.0.0-stable.zip
https://storage.googleapis.com/flutterinfra/releases/stable/macos/fluttermacos_v1.0.0-stable.zip
2.解压文件
unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip
3.加入路径到环境变量(其中pwd为实际存放sdk的目录)
export PATH=$PATH:`pwd`/flutter/bin
现在你可以运行fultter命令了!
4.运行flutter doctor检测环境是否配置成功
flutter doctor
如果环境未配置成功,会出现一下内容:
[-] android toolchain - develop for Android devices
• Android SDK at /Users/obiwan/Library/Android/sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://flutter.io/setup/#android-setup for detailed instructions.
根据这些提示信息,你可以执行相应命令完成配置,一旦配置成功,再执行flutter doctor便会通过环境监测。
1.2. 配置移动端开发环境
ios开发环境
安装Xcode 注:要开发适用于iOS的Flutter应用程序,你需要使用Xcode 9.0或更高版本
1.通过Apple Store下载安装Xcode 2.执行Xcode command-line
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
配置模拟器部署环境
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
Android开发环境
安装Android Studiohttps://developer.android.com/studio 启动Android Studio,然后浏览“Android Studio安装向导”。 这将安装最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,这些都是Flutter在开发Android时所需要的。
安装Flutter插件
此时在命令行可以查看到前四个是可用状态即可开始项目。
重启模拟器并新建Flutter项目 1.选择Start a new Flutter project>Flutter Application 输入项目对应信息后,点Finish
配置部署Android模拟器 注:Android设备运行Android 4.1(API级别16)或更高版本。
启动模拟器
启动Android Studio>Tool> AVD Manager,然后选择创建虚拟设备。 (Androidsubmenu仅在Android项目中出现。)
选择设备定义,然后选择下一步。
在Android Virtual Device Manager中,单击工具栏中的运行。 模拟器将启动并显示所选操作系统版本和设备的默认画布。
启动模拟器并运行项目
以上是关于移动端混合开发Flutter入坑环境搭建的主要内容,如果未能解决你的问题,请参考以下文章
周三晚7点 | Flutter入坑指南:新一代的跨平台移动APP开发技术
错误记录Flutter 混合开发获取 BinaryMessenger 报错 ( FlutterActivityAndFragmentDelegate.getFlutterEngine() )(代码片段