flutter中文网
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。可以前往flutter中文网查看相关详情
flutter开发引导
关于环境搭建,后面会具体提到flutter的安装,工具类的安装,参考下面的引导可以帮助你更快的上手新型的跨平台开发指路
安装Flutter SDK
//1.终端中输入以下指令克隆项目
git clone -b beta https://github.com/flutter/flutter.git
//2. 导出到Flutter保存路径
export PATH=`pwd`/flutter/bin:$PATH
终端中一次输入以下命令解决镜像问题
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
环境安装无误,最终执行结果如下:
Doctor summary (to see all details, run flutter doctor -v):
1[✓] Flutter (Channel beta, v0.5.1, on Mac OS X 10.13.5 17F77, locale zh-Hans-
CN)
2[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
3[✓] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
4[✓] Android Studio (version 3.1)
5[✓] IntelliJ IDEA Ultimate Edition (version 2018.1.1)
[!] VS Code (version 1.24.1)
6[✓] Connected devices (2 available)
对于上面命令行结果,对照序号给予以下分析:
1、表示Flutter环境安装没问题
2、说明安卓工具安装没问题
3、说明iOS工具安装没问题
4、Android Studio中Flutter插件已经安装
5、VS code 编辑器, 直接搜索插件Flutter安装即可
6、连接的设备
设定开发环境
- 开启开发者模式(developer mode的 Android) 和 iOS 真机;
- iOS 模拟器;(需要安装 XCode 等)
- Android 模拟器。(需要安装 Android Studio 等)
创建第一个Flutter Demo
创建项目
$ flutter create 项目名