目录

• Flutter 探索（一）入门前言
• Flutter 探索（二）环境搭建配置
• Flutter 探索（三）Dart 语法介绍（暂无内容）
• Flutter 探索（四）工程文件目录结构及 main.dart

把大象装进冰箱分三步，那么配置 Flutter 需要几步呢？上一篇文章中有提到——两步：

• 下载安装 FLutter 安装包。
• Android studio 添加 Flutter 插件。

本文面对受众：Win系统、Android 开发、之前有能够正常使用的 Android studio。

下载 Flutter

下载区分两种情况，一种正常情况，一种不正常情况。

正常情况：在 Flutter 官网下载安装包

https://flutter.dev/docs/development/tools/sdk/releases
在官网 Stable channel (Windows) 中下载最新版本。

flutter官网下载指示.png

不正常情况：去 GitHub 下载安装包

在 GitHub 中找到想要使用的版本下载。
  https://github.com/flutter/flutter/releases

flutter在Github下载指示.png

安装 Flutter

1. 解压到本地目录。
2. 配置环境变量：
   转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
   在“系统变量”下检查是否有名为“Path”的条目:
   - 如果该条目存在， 追加 flutter\bin的全路径，使用 ; 作为分隔符。
   - 如果该条目不存在，创建一个新系统变量 Path ，然后将 flutter\bin 的全路径作为它的值。

3. 检查：
   输入 flutter doctor 命令（输入之后如果没提示找不到命令，就是正常的，多等待一会安装就会完成。）
   错误情况的解决办法在下边文末👇

   
   
   输入flutter doctor 命令.png
   
   
   成功状态.png

添加插件

在 Android Studio 中需要添加两个插件就可以使用了：

• Flutter 插件： 支持Flutter开发工作流 (运行、调试、热重载等)。
• Dart 插件： 提供代码分析 (输入代码时进行验证、代码补全等)。

安装步骤：

1. 启动Android Studio。
2. 打开插件首选项 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。
3. 选择 Browse repositories…，选择 flutter 插件并点击 install。
4. 重启 Android Studio 后插件生效。

安装 Flutter 插件.png

Hello World —— 创建工程

到这里就可以创建你的第一个 Flutter 项目了！

1. 在 Android Studio 中点击 File→New→New Flutter Project…

new flutter project.png

2.创建你的 Flutter 工程，选择 Flutter Application→Next。

创建 Flutter 工程1.png

创建 Flutter 工程2.png

创建 Flutter 工程3.png

3. 运行 Flutter 项目
   第一次运行会很慢，多等一会……

   
   
   image.png

如果因为某种不正常的东西导致运行失败或者嫌下载过慢，则使用下面连接的方式设置国内镜像：
  https://www.jianshu.com/p/171a9660e1f9

失败情况.png

4. 运行，成功！
   成功后的默认模板工程是一个计数器Demo，点击右下角 + 号 FAB ，页面中的数字会随之喜加一。
   展示了 Flutter 的基础 UI 以及响应式特性。

Flutter 默认工程.png

flutter doctor 错误情况解决

1、Android toolchain - develop for Android devices
解决方式：为 Flutter 指定 Android sdk 路径

''' flutter config --android-sdk /Users/你的用户名/Library/Android/sdk '''

image.png

欢迎大家留言或者发邮件给我：
邮箱：ymwmlxl@gmail.com