Flutter学习笔记01：环境搭建

一、AndroidStudio的安装：

1、JDK安装与环境变量的配置

JDK安装之前肯定要下载，但是前几年开始，在oracle网站下载低版本的JDK需要登录帐号才可以了，这让Android开发者心里各种不爽。好在国内有大神大义，新建网站，支持JDK1.8的下载：JDK下载地址。当然开发者也可以自己注册账号，下载JDK。

下载完成之后，就是安装，这个不多说，但有一点需要注意，现在的系统尤其是Win10系统对C盘的某些重要文件夹的访问权限设置的比较高。所以我们安装的时候，尽可能的不要把JDK安装在这些文件夹下面，比如：Windows文件夹、Program Files (x86)、Program Files等等这些文件夹。

安装完成之后，接下来就是配置JDK的环境变量，关于这块儿可以参考笔者的这篇博文：Java JDK环境变量的配置，至此，JDK环境变量配置完成。

2、AndroidStudio的安装

同样的，安装AndroidStudio之前得下载安装包，我们可以在Android开发平台下载安装包：AndroidStudio下载地址，下载完成之后就是安装，同样的，安装AndroidStudio 也遵循JDK 的安装规则。

二、Flutter SDK安装

1、Flutter SDK的下载与环境变量的配置

在Windows上搭建Flutter开发环境，首先就需要获取到Flutter的SDK，去flutter官网下载其最新可用的安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases，
也可以在Flutter的GitHub上面下载，下载地址：https://github.com/flutter/flutter/releases，
目前Flutter的SDK的Stable channel (Windows) 也就是Windows的正式版最新版本是1.17.1。

SDK下载成功后将压缩包解压到你想要安装的目录去，同样的，这个目录也遵循JDK的安装目录的规则。

接着，在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

现在我们来开始Flutter的环境变量的配置。如果你想在Windows系统自带命令行运行flutter命令，需要添加以下环境变量到用户PATH，操作步骤：

首先右键单击“我的电脑”，选择属性，弹出一个界面，然后按照下面截图的步骤操作：

完成上图的环境变量配置后，就可以直接在Windows系统自带命令行运行flutter命令。

2、运行flutter doctor命令

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。例如：

第一次运行flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下，安装完成后再运行flutter doctor命令来验证是否安装成功。

三、Android Studio配置与使用

在AndroidStudio上面进行Flutter的开发需要安装两个插件：Flutter和Dart插件；

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

安装步骤：

1、启动Android Studio。
2、打开插件首选项：File>Settings>Plugins。
3、选择Marketplace，在搜索框里面输入 flutter 插件并点击 install。
4、同样的，在搜索框里面输入Dart插件并点击 install。
5、重启Android Studio后插件生效。

创建Flutter应用

1、选择 File>New Flutter Project 。
2、选择 Flutter application 作为 project 类型, 然后点击 Next。
3、输入项目名称 (如 myapp)，然后点击 Next。
4、点击 Finish。
5、等待Android Studio安装SDK并创建项目。
上述命令创建一个Flutter项目，项目名为myapp，其中包含一个使用Material 组件的简单演示应用程序。
在项目目录中，您应用程序的代码位于 lib/main.dart。

运行应用程序

1、定位到Android Studio工具栏，如下图所示：

2、在 target selector 中, 选择一个运行该应用的Android设备。如果没有列出可用，请选择 Tools> Android>AVD Manager 并在那里创建一个。
3、在工具栏中点击 Run图标。
4、如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序：

体验热重载：

Flutter 可以通过 热重载（hot reload） 实现快速的开发周期，热重载就是无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态。简单的对代码进行更改，然后告诉IDE或命令行工具你需要重新加载（点击reload按钮），你就会在你的设备或模拟器上看到更改。
1、打开lib/main.dart文件
2、将字符串 ‘You have pushed the button this many times:’ 更改为 ‘You have clicked the button this many times:’
3、不要按“停止”按钮; 让您的应用继续运行.
4、要查更改，请调用 Save (cmd-s / ctrl-s)，或者点击 热重载按钮 (带有闪电⚡️图标的按钮)。
你会立即在运行的应用程序中看到更新的字符串。

四、IntelliJ IDEA开发Dart的配置与使用

IntelliJ IDEA开发Dart语言的环境配置很简单，在前面第一步、第二部的基础上，在IntelliJ IDEA的设置setting里面，安装Flutter插件就可以了，因为在安装Flutter插件的时候，IDEA系统会顺带安装Dart插件（Flutter插件的运行必须要有Dart的环境支持才行）。