共计 1114 个字符,预计需要花费 3 分钟才能阅读完成。
什么是 flutter
官方是这么解释的:Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。Flutter 可以与现有的代码一起工作。在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。(闲鱼 APP 就是用的 flutter)
一、安装 flutter
#切换到准备安装 flutter 的目录
cd project
#有两种方法安装 flutter SDK
#1、使用 git clone
git clone -b beta https://github.com/flutter/flutter.git
#2、直接在 github 下载压缩包,下载地址 https://github.com/flutter/flutter/releases
#在目录下解压 zip 文件
#配置环境
export PATH=`pwd`/flutter/bin:$PATH
#如果下载太慢或者失败,那么需要先配置中国镜像,然后再 clone 项目
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#切换到项目目录
cd ./flutter
flutter doctor
不出意外的话,应该会报错,提示你安装 android studio、Xcode、install dart 和 flutter 插件等。按照提示逐个安装就行。需要注意的是,你可能会遇见 pod setup 这个步骤,但是却一直卡着进度条不动,快速的解决办法是,打开手机热点,mac 连接手机的热点进行下载安装,5 分钟内能够安装好(大小应该在 500 多 M)
二、安装 android studio 及插件
android studio 下载地址
打开 android studio, 打开 plugin
输入 flutter 搜索,点击中间的 Search in repositories 点击 install, 顺利的话安装完毕之后重启 android studio
三、运行第一个项目
新建一个 Flutter 打开 android studio 后 会看到可选项多了一个 Start a new Flutter project 创建成功后在终端中输入 open -a Simulator 则可以启动 ios 模拟器,然后在 android studio 控制台中输入 flutter run 就能够看到安卓真机和 ios 模拟器了 flutter run -d < 设备 id> 就能够启动对应的平台了如我这里启动 ios 模拟器就输入
flutter run -d B21
和运行 android 项目一样的操作流程,连接安卓真机后在手机上能看到默认的项目