（七）Flutter学习之开发环境搭建

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

• （一）Flutter学习之Dart变量和类型系统
• （二）Flutter学习之Dart展开操做符 和 Control Flow Collections
• （三）Flutter学习之Dart函数
• （四）Flutter学习之Dart操做符、控制流和异常处理
• （五）Flutter学习之Dart面向对象
• （六）Flutter学习之Dart异步操做详解

下面咱们真正开始进入 Flutter 的部分了, 开发 Flutter 项目的 IDE 工具不少, 好比:

• IDEA
• AndroidStudio
• VSCode

IDEA 环境准备

安装 Flutter 插件

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

下载 Flutter SDK

进入 Flutter 官网：

flutter.dev/docs/get-st…,

而后选择你的系统, 下载对应的 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

flutter.dev/docs/develo… flutter.dev/docs/develo… www.jianshu.com/p/2a1997c9a…

联系我

下面是个人公众号，干货文章不错过，有须要的能够关注下，有任何问题能够联系我：