Flutter学习：从搭建环境到运行

一、开发环境的搭建

本文所示内容都是在Windows系统下进行的。

1、下载 Flutter SDK

Flutter 官网（https://docs.flutter.cn/release/archive?tab=windows）

或者通过 git clone -b master https://github.com/flutter/flutter.git 下载

2、配置环境变量

由于在国内访问 Flutter 有时可能会受到限制，主要是配置以下三个地方

3、此外还需要下载

Android Studio（里面自带了安卓SDK）

Visual Studio

4、检查是否安装完成

运行 flutter doctor 命令，如有缺失，根据结果安装对应的东西即可

若是全局配置了 flutter，则任意终端运行皆有效果。

至此，环境安装完成，接下来赶紧试试能不能行。

5、常用的flutter命令

（1）、flutter --help 查看所有 Flutter 命令

（2）、flutter --version 查看 Flutter 版本

（3）、flutter devices 查看当前可用的设备

（4）、flutter create 创建一个新的 flutter 应用

（5）、flutter run 启动程序

二、创建并运行 Flutter 应用

1、打开vscode

安装 Flutter 和 dart 插件，这样后续敲代码便有了一些快捷提示。

2、创建一个新的应用

直接在 vscode 终端输入命令创建

3、Flutter的工程目录结构

如上图所示简单总结归纳一下使用频率较高的：

（1）、flutter_demo：项目的名称

（2）、android：Android 平台相关代码，后面配置 Android 的包名权限之类的都在此目录下

（3）、iOS：iOS 平台相关代码，后面配置 iOS 的权限在此目录下

（4）、lib：主要代码目录，其目录下的 main.dart 便是入口文件

（5）、pubspec.yaml：项目描述文件，包含了项目的描述信息以及所需要的依赖的库

4、运行应用

在终端输入 flutter run 命令，这样就运行起来了。

可以通过r或者R实现热重载（hot reload） 实现快速效果预览。

热重载是无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态，这和 webpack 的热重载类似。

– 欢迎点赞、关注、转发、收藏【我码玄黄】，gonghao同名