Flutter系列文章目录导读:
(一)Flutter学习之Dart变量和类型系统
(二)Flutter学习之Dart展开操作符 和 Control Flow Collections
(三)Flutter学习之Dart函数
(四)Flutter学习之Dart操作符、控制流和异常处理
(五)Flutter学习之Dart面向对象
(六)Flutter学习之Dart异步操作详解
(七)Flutter 学习之开发环境搭建
(八)Flutter 和 Native 之间的通信详解
(九)Android 项目集成 Flutter 模块
(十)Flutter FutureBuilder 优雅构建异步UI
更新中…
下面我们真正开始进入 Flutter
的部分了, 开发 Flutter
项目的 IDE
工具很多, 比如:
- IDEA
- AndroidStudio
- VSCode
IDEA 环境准备
安装 Flutter 插件
进入 IDEA
的设置界面, 找到 plugin
选项, 然后搜索 flutter
:
下载 Flutter SDK
进入 Flutter 官网:
https://flutter.dev/docs/get-started/install,
然后选择你的系统, 下载对应的 SDK
文件
解压完成后, 配置 PATH
环境变量, 路径精确到 bin
目录
然后在控制台运行 flutter
命令: flutter doctor
:
Flutter 相关命令
查看当前安装的 Flutter 版本
$ flutter --version
Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 7a4c33425d (3 months ago) • 2019-04-29 11:05:24 -0700
Engine • revision 52c7a1e849
Tools • Dart 2.3.0 (build 2.3.0-dev.0.5 a1668566e5)
从中可以看出:
flutter 版本为 1.5.4-hotfix.2
,
flutter channel stable
,
Dart 语言版本为 2.3.0
查看当前安装的 Flutter 有哪些版本
$ flutter version
v1.7.8+hotfix.3
v1.8.1
v1.7.8+hotfix.2
v1.7.8+hotfix.1
v1.8.0
v1.7.11
v1.7.10
v1.7.9
v1.7.8
v1.7.7
v1.7.6
v1.7.5
v1.7.4
v1.7.3
...
查看正在使用的 Flutter channel
$ flutter channel
Flutter channels:
beta
dev
master
* stable
不同的 channel
分别代表的意思为:
master
当前代码树的顶端, 最新的版本. 一般有很多新功能, 但是不保证以后会不会砍掉dev
是最新的完全测试过的版本. 也包含了新功能beta
每隔几周都会选取近几个月中最好的一个dev版本,当作 beta 版,这个版本是通过 Google 的 codelabs 测试的stable
稳定版, 生产环境中使用
切换 flutter channel
flutter channel stable
升级 Flutter SDK
flutter upgrade
该命令会同时更新 Flutter SDK
和你的 flutter
项目依赖包. 如果你只想更新项目依赖包(不包括 Flutter SDK), 可以使用如下命令:
更新项目依赖包
// 获取项目所有的依赖包
flutter packages get
// 获取项目所有依赖包的最新版本
flutter packages upgrade
配置 SDK 路径
下载完 Flutter SDK
之后, 配置 Flutter SDK path
:
如果安装完 Flutter SDK
, 你仅仅是像新建一个 Dart
项目, 了解下 Dart
语言, 还需要配置 Dart SDK
路径
你也可以专门下载 Dart SDK
, 其实 Flutter SDK
里面已经包含了 Dart SDK
, 在 cache
目录:
新建项目
配置好环境后就可以创建 Flutter
项目了, 创建 Flutter
工程可以通过命令:
flutter create my_project_name
// 指定 Android 和 iOS 的使用语言
flutter create -i swift -a kotlin your__project_name
也可以通过 IDE
来创建工程, 比如通过 IDEA
来创建工程:
File -> Project -> Flutter :
对于上面的 project type
的选择, 根据具体的情况来定:
- 如果你创建的工程是最终给用户安装使用的, 请选择
Application
- 如果给
Android/iOS
开发者使用的, 请选择Plugin
; - 如果是纯
Dart
组件,例如Widget
库, 请选择Package
配置国内镜像
如果在创建项目的过程中, 过了好久依然没有反应, 比如通过命令创建一直处于这个状态
Running "flutter packages get" in project_name...
或者通过 IDE 创建项目, 一直处于 creating flutter project...
中
可能是因为无法访问 Google
的问题, Google
为此提出的解决方案是配置国内的镜像站
如果你是 Linux/Mac
系统, 配置如下环境变量:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
如果你是 Windows
系统, 添加两个环境变量:
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
运行项目
下图是运行项目的关键功能:
运行效果如下图所示:
Reference
https://flutter.dev/docs/development/tools/sdk/upgrading
https://flutter.dev/docs/development/tools/sdk/upgrading
https://www.jianshu.com/p/2a1997c9a21f
如果你觉得本文帮助到你,给我个关注和赞呗!
另外,我为 Android 程序员编写了一份:超详细的 Android 程序员所需要的技术栈思维导图。
如果有需要可以移步我的 GitHub -> AndroidAll,里面包含了最全的目录和对应知识点链接,帮你扫除 Android 知识点盲区。 由于篇幅原因只展示了 Android 思维导图: