Flutter学习之环境搭建

什么是 Flutter?

Flutter
在 Google I/O ’17 上,Google 向我们介绍了 Flutter —— 一款新的用于创建移动应用的开源库。
Flutter是什么呢?它是Google使用Dart语言开发的移动应用开发框架,用来帮助开发者在iOS和Android平台上开发高性能、高质量的原生应用。Flutter是跨平台的免费开源UI框架,iOS和Android可以共用一套代码。

Flutter 特点

快速开发
毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。
热启动

富有表现力和灵活的UI
快速发布聚焦于原生体验的功能。分层的架构允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计。

原生性能
Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。

访问本地功能和SDK
通过平台相关的 API、第三方 SDK 和原生代码让开发者的应用变得强大易用。 Flutter 允许开发者复用现有的 Java、Swift 或 ObjC 代码,访问 iOS 和 Android 上的原生系统功能和系统 SDK。

环境搭建

官方链接

官方文档:https://flutter.io/
中文官网地址:http://doc.flutter-dev.cn/setup-windows/#%E7%B3%BB%E7%BB%9F%E8%A6%81%E6%B1%82

系统要求

由于我只有windows 的环境,所以一下都是以 windows 下来作为说明。

以下来自官网说明

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

  • 操作系统: Windows 7 或更高版本 (64-bit)
  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
  • 工具: Flutter 依赖下面这些命令行工具
    • Git for Windows (Git命令行工具)
      如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令

其他依赖安装

  • Android Studio (可能需要翻墙下载)
  • Android SDK

获取 Flutter SDK

附上资源地址
官方地址:https://flutter.io/setup-windows/
中文官方安装地址为:https://flutterchina.club/setup-windows/

下载SDK
需要下载的包为(可能需要翻墙,可以使用镜像,请看中文官网安装地址):https://storage.googleapis.com/flutter_infra/releases/beta/windows/flutter_windows_v0.5.1-beta.zip

官网截图
下载SDK截图

解压到指定目录
下载完成了之后,解压的路径为: D:\develop\flutter

配置环境变量

在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。

PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

设置flutter变量值: D:\develop\flutter\bin
设置环境变量

运行 flutter_console.bat

文件路径
flutter_console.bat 文件路径在:D:\develop\flutter(安装路径)
运行flutter_console.bat

运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装。
此命令检查您的环境并向终端窗口显示报告。 Dart SDK与Flutter捆绑在一起; 没有必要单独安装Dart。 仔细检查输出以了解您可能需要安装的其他软件或执行的其他任务(以粗体显示)。

安装 IDE 的插件

idea 或者 android studio 上面安装插件 Flutter 以及 dart
打开 开发工具(idea 或者 android studio), File –> Settings –> Plugins
当在下载 flutter 的时候,就会自动的去下载 dart
集成插件 flutter

集成插件 dart

更新 flutter

使用 flutter 的命令更新: flutter upgrade,我是在使用这个命令的时候发现有几个警告,说在开发的 IDE 上没有集成插件就去安装插件的。
更新 flutter

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wayfreem

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值