值得关注的跨平台技术:Flutter

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、连接的设备

设定开发环境

创建第一个Flutter Demo

创建项目

$ flutter create 项目名

目录结构


目录