2018/12/5, google发布了第一个flutter的Stable版本v1.0.0,这标志着flutter正式开始了它的崛起之路。为了跟随潮流,今天特意去看了一下flutter的官网,准备一步一步的实现flutter HelloWorld。本文介绍的是windows下的环境,其他环境请查阅官网,不得不说,google很贴心,还为国内开发者准备了免翻墙镜像。
官网地址:https://flutter.io/
国内大牛维护的中文教程网https://flutterchina.club/
一. 配置开发环境:
1. 下载flutter sdk并解压:
https://flutter.io/docs/development/tools/sdk/archive#windows
2. 配置国内镜像环境变量(众所周知的原因,国内访问不了):
将flutter的bin路径(如E:\flutter\flutter\bin)加入到Path的环境变量,新建PUB_HOSTED_URL=https://pub.flutter-io.cn 和 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn的环境变量
3. 重启windows,运行 flutter doctor查看flutter开发所需的环境有没有安装。如:
备注:打X的代表还没有配置好,那么就需要配置。
4. 如果之前没有安装过AndroidStudio,那么就参考此处配置,如果已经有AndroidStudio(3.0以上)安卓开发环境,那么下一步就是安装flutter 和 Dart 插件,安装后重启AndroidStudio。如下:
二. 开发第一个Flutter应用:
5. 新建项目,如下:
6. 项目结构如下,可以看到,默认有ios和Android两个目录,我们的代码位于main.dart文件下:
7. 运行app, 从AVD选择合适的虚拟机或者真机,点击运行,等待系统安装必要的环境,然后app就成功运行了。如下:
到目前为止,Flutter项目已经创建完毕了,也能够正常运行了,关于flutter的优点,有很多,跨平台(最核心的优点,但是由于windows不支持ios开发,暂时没法测试),热重载等等,热重载顾名思义,就是修改代码后能自动重载app,让我们来体验一下热重载吧:
以上就是在windows开发flutter应用的准备工作了,赶紧开始你的flutter之旅吧!