这个教程是面向完全没有接触过 Flutter 开发, 从 0 开始搭建 Flutter 开发环境到写第一个 Flutter App 的. 正常情况只需要半个小时就可以看到 App.
中文资料官网: https://flutterchina.club/get-started/install/
英文原资料官网: https://flutter.io/get-started/install/
安装环境
sdk 下载链接:
如果你是墙内用户, 估计要翻墙才能下载到 sdk.
Flutter 开发环境主要由两部分构成, 一个是 sdk, 跟 Android 的 sdk 和 Java 环境一样需要配置环境变量, 另外一部分是 IDEA/Android Studio 的 Flutter 插件. 上面下载完 sdk 后解压缩, 放到你习惯的位置, 然后配置环境变量, 以笔者 Mac 环境为例
Windows 环境配置跟 JAVA_HOME 配置一样, 放到 PATH 就可以. 安装完 sdk 后可以用 flutter doctor 检查依赖关系, 如果正常的话 flutter doctor 会输出类似下面的结果
安装插件
Android Studio 的 flutter 插件也很简单, 需要两个依赖, 一个是 Dart 语言插件, 一个是 Flutter 插件. . 连续按 3 次 shift 然后搜 plugins, 或者在 Preferences> Plugins(Mac) / File>Settings>Plugins(Win) 中打开插件配置 . 搜索 Dart 和 flutter 安装两个插件后按提示重启 Studio 就行.
第一个 Flutter App
一切正常的话, 在重启后的 File 选项中可以看到新建 Flutter 项目的选项, 选上它之后跟新建普通 Android App 一样就行. 这里新建的 Flutter HelloWorld 工程很简单, demo 上的数字会随着按钮的点击自增. main.dart 是主入口, 代码比较简单, 有看过之前小编关于 Flutter 的介绍的文章应该能看明白.
- class MyApp extends StatelessWidget
- {// This widget is the root of your application.
- @override Widget build(BuildContext context )
- {
- return new MaterialApp
- ( title:
- 'Flutter Demo',
- theme:new ThemeData(primarySwatch:Colors.blue,),
- home:new MyHomePage(title:'Flutter Demo Home Page'),);
- }
- }
- `
到此就完成第一个 Flutter App 了. 目前 Flutter 相关的资料中英文都有, 而且相当容易上手. 有兴趣的可以加群互相学习.
来源: http://www.jianshu.com/p/e8d814d635e4