一、开发环境的搭建
本文所示内容都是在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
的���重载类似。