Flutter初体验
作者: dkvirus 发表于: 2018-11-04 21:49:44 最近更新: 2018-11-04 22:14:00

Flutter 和 React-native 一样,用于开发移动端app,在开源中国上看到这个东东,抽个周末接触一波:在虚拟设备将示例代码跑起来。

1. 搭建安卓开发环境

Android Studio 开发环境搭建,各种踩坑

2. 下载 Flutter SDK

Flutter SDK 就是个命令行工具,号称全生命周期只要有这个工具就可以玩得转了,不会限制使用 Android Studio 开发工具,可以检测开发环境,下载 sdk,AVD 模拟器等等,dk 目前刚接触,玩得还不是很 6。

Flutter SDK-Github 下载地址,下载 zip 包,本地解压缩,将 flutter/bin 目录配置到环境变量里。flutter 常用命令:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 查看帮助文档
$ flutter --help

# 查看当前机器开发环境情况,缺啥都打印啥,还有相应安装教程,下载地址
$ flutter doctor

# 创建项目
# 项目命名规则,使用 _,不能使用 -
$ flutter create client_mobile_flutter

# 查看是否连接安卓设备:包括真机,或者 AVD(开发工具提供的虚拟设备)
$ flutter devices

# 查看可用的 AVD
$ flutter emulators
1 available emulator:
Nexus_5X_API_28 • Nexus 5X • Google • Nexus 5X API 28

# 启用 AVD,会自动打开虚拟设备,还真是不需要 Android Studio 也可以哦~
$ flutter emulator --launch Nexus_5X_API_28 • Nexus 5X • Google • Nexus 5X API 28

# 运行 flutter 应用程序
# flutter 程序根目录必须有 pubspec.yaml 文件,就跟 node 项目有 package.json 文件一样
$ flutter run

3. 创建 demo 代码

Flutter 提供原型项目,可以实用Android Studio 开发工具直接创建 Flutter 项目或者使用 flutter 命令创建项目 $ flutter create myapp

4. 运行项目

在开发工具打开 AVD,使用命令行工具启动项目:$ flutter run

这一过程最常遇到的问题就是 Gradle 各种报错,在第1点开发环境搭建各种踩坑中有解决方法。

5. 接下来安排

  • 熟悉 flutter 开发流程;
  • py-novel 开发安卓版本。
首页
友链
归档
dkvirus
动态
RSS