Flutter介绍
打开Flutter官网的 https://flutter.dev/,一句话介绍:一份代码,可以让你构建美丽的App运行在Android和iIOS平台上。
说详细点,Flutter是一套跨平台的UI开发框架,上层是提供了Android风格material和iOS风格的cupertinoUI组件,开发语言Dart,底层是图形渲染引擎Skia,c++语言。
Flutter框架是一个分层的结构,每个层都建立在前一层之上。
优劣势:
优势:
- 提高开发效率(一套代码),热重载(即时查看更改效果),体验效果媲美原生开发(60fps)。
- dart语言上手简单,快速开发一个app。
劣势:
- 社区还不够成熟,issues问题还很多。
- 很多国内第三方服务sdk还未开始支持。
下面开始进入环境搭建。(需备好梯子)
打开地址:https://flutter.dev/docs/get-started/install,笔者电脑是macos,所以下面部分都是在macos系统操作,其他的平台可参照官网流程,应该没多大问题。
开发环境要求:
- Operating Systems: macOS (64-bit)
- Disk Space: 700 MB (does not include disk space for IDE/tools).
- Tools: Flutter depends on these command-line tools being available in your environment.
这些都具备,下载sdk
-
https://flutter.dev/docs/development/tools/sdk/archive?tab=macos选择版本,这里我们选择最新的1.2.1,下载好解压文件。
- 添加到系统环境PATH。(类似android sdk添加系统环境变量) 编辑.bash_profile,添加路径 。
- 更新系统环境PATH :分别输入执行source ./.bash_profile,echo $PATH 查看是否已经添加成功。
这样,Flutter的sdk就已经安装好了,下面运行 flutter doctor命令可以让其检查依赖是否已经装好。
例如:androidsdk 或者iOS sdk之类的。
Android Studio
- android studio 插件安装
- 运行hello world
插件安装很简单,Android Studio->Preferences->Plugins->输入Flutter Install 即可。重启Android Studio。
Hello,World
创建一个Flutter工程,Run即可。