Flutter 系列---入门篇
Flutter 系列---创建APP


flutter 应该是最近比较火的一门开发语言,像很多公司也都提供 flutter 的插件,比如:推送、IM、工具类等等,非常多都是支持flutter的,我自己和在不断学习中。

推荐几款插件:

后续会一直推出自己整理的 flutter 笔记,供大家一起学习和分享(不喜勿喷)。

入门篇
首先我们先讲讲flutter的入门,flutter开发需要有一定的环境支持。

一、Flutter开发环境

1. 系统要求

Flutter 支持在 Window、MacOS、Linux等操作系统环境下开发 。

2. 安装 Flutter

2.1 使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像.

在 .bash_profile 文件中添加镜像地址

export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

终端命令:

vim ~/.bash_profile 将上面的镜像地址添加到该文件中,保存退出。 
source ~/.bash_profile 添加的地址生效

2.2 获取Flutter SDK

2.2.1 下载 Flutter

Flutter 官网下载地址分为三个不同的版本:

  • Stable channel (稳定版) 点击下载
  • Dev channel (开发版)
  • Beta channel (测试版)

2.2.2 解压 Flutter SDK 到自定义目录

获取 Flutter SDK 解压缩后 flutter/bin 的完整路径 ,例如:

/Users/admin/Documents/workspace/flutter/flutter/bin

我们需要把 Flutter 命令所在目录添加到系统的 PATH 变量中,方便后续在任何终端直接使用,而不用切换到特定目录

export PATH=$PATH:$HOME/Documents/workspace/flutter/flutter/bin

同添加镜像地址一样将这个添加到 .bash_profile 文件中 。

2.2.3 运行 flutter doctor

在终端运行 flutter doctor 命令查看是否需要安装其它依赖项来完成安装,备注 (Dart SDK 已经包含在 Flutter SDK 中无须再单独下载安装 )

执行该命令会得到相关工具配置的详细信息:

null

运行后会发现缺少一些其他依赖,就按照提示一个个安装好就行,我们只需要关心画 ✗ 的内容,然后按照提示安装所需的工具配置。

✗ Flutter plugin not installed; this adds Flutter specific functionality.

对于上面的的提示错误 ,如果没用过 Android Studio 来说,可能不知道怎么解决,这里是说 Android Studio 需要安装 Flutter 插件,在 Andriod Studio 的偏好设置里。
null

注意:直到 flutter doctor 的运行结果都是 [✓] ,编译环境工具配置就 OK 了。

2.3 IDE 配置

Flutter 的集成开发环境 IDEAndriod StudioVS CodeIntelliJ等,我选择的是 Andriod Studio.

Andriod Studio 创建 Flutter 工程,不过注意需要在偏好设置指定 Flutter SDK path
null

3. 创建 Flutter 工程

我们上面配置好了开发环境后,打开 Andriod Studio 就可以看到多了一项 Start a new Flutter project

(或者总得命令创建:flutter create projectName)
null
null

二、一切皆为 Widgets

Flutter 可以说都是有widget 组成的,flutter有非常多类型的 widgets,这里就一一介绍,大家可以去逛网查看下

三、构建 APP

下一章给大家讲讲解,flutter 从0到1开发一款跨平台的 APP