七Flutter学习之开发环境搭建

前面几个章节介绍了 Flutter 的开发语言 Dart 的相关内容:

下面我们真正开始进入 Flutter 的部分了, 开发 Flutter 项目的 IDE 工具很多, 比如:

IDEA
AndroidStudio
VSCode

IDEA 环境准备

安装 Flutter 插件

进入 IDEA 的设置界面, 找到 plugin 选项, 然后搜索 Flutter :

IDEA Flutter Plugin

下载 Flutter SDK

进入官网 https://flutter.dev/docs/get-started/install, 然后选择你的系统, 下载对应的 SDK 文件

解压完成后, 配置 PATH 环境变量, 路径精确到 bin 目录

然后在控制台运行 Flutter 命令: Flutter doctor:

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), 使用了哪个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-path

如果安装完 Flutter SDK, 你仅仅是像新建一个 Dart 项目, 了解下 Dart 语言, 还需要配置 Dart SDK 路径

你也可以专门下载 Dart SDK, 其实 Flutter SDK 里面已经包含了 Dart SDK, 在 cache 目录:

dart-sdk

新建项目

配置好环境后就可以创建 Flutter 项目了, 创建 Flutter 工程可以通过命令:

Flutter create my_project_name

// 指定 Android 和 iOS 的使用语言
Flutter create -i swift -a kotlin your__project_name

也可以通过 IDE 来创建工程, 比如通过 IDEA 来创建工程:

File -> Project -> Flutter :

create-flutter

flutter-create

对于上面的 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

运行项目

下图是运行项目的关键功能:

flutter-run

运行效果如下图所示:

flutter-hello

Reference

https://flutter.dev/docs/development/tools/sdk/upgrading

https://www.jianshu.com/p/2a1997c9a21f

联系我

公众号: chiclaim