Flutter 系列---入门篇

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

推荐几款插件：

• jpush-flutter-plugin
• jverify-flutter-plugin
• jmessage-flutter-plugin 这个可能代码比较多，不熟悉可先看其他的
• jmlink-flutter-plugin
  这几款flutter-plugin的原生SDK可能很多人都用过，所以看起来会更容易上手。

后续会一直推出自己整理的 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 中无须再单独下载安装 )

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

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

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

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

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

2.3 IDE 配置

Flutter 的集成开发环境 IDE 有 Andriod Studio 、VS Code、IntelliJ等，我选择的是 Andriod Studio.

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

3. 创建 Flutter 工程

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

（或者总得命令创建：flutter create projectName）
 

二、一切皆为 Widgets

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

三、构建 APP

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