书写技术成长之路

初探Flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter因其支持跨平台开发只需要维护一个代码库,热重载加速调试,富有表现的UI界面等特性,使得开发移动应用程序不再困难。

下载flutter开发工具包

git clone -b dev https://github.com/flutter/flutter.git

设置环境变量

# 只针对国内用户设置镜像源
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH="$PWD/flutter/bin:$PATH"

用source命令使环境变量生效

然后运行flutter doctor来检查flutter所需要的环境是否都OK

首次运行如下所示

flutter doctor 初次执行

依次解决展示的所有问题,可以每解决一个后运行flutter doctor来查看是否成功。

最后成功的效果如下

flutter 安装成功

在vscode中打开命令行选择 Flutter: New Project来新建一个项目, 等项目完成进入到项目根目录执行 flutter run,来查看你的第一个flutter程序

flutter run 效果

2019-10-06.l8G4WgjnjC.png

常用flutter命令

flutter doctor    # 检查是否环境OK
flutter run      # 运行项目

flutter devices  # 查看可运行的设备

参考

https://flutterchina.club/get-started/install/

https://flutter.cn/docs/get-started/install

https://flutter.dev/docs/cookbook