Flutter 下载安装教程

flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

框架概况

Flutter是谷歌的移动UI框架 [4] ,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia [1] 应用的主要方式。
Flutter组件采用现代响应式框架构建,这是从React中获得的灵感,中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变,组件会重构它的描述(description),Flutter会对比之前的描述, 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。

发展历史

Flutter的第一个版本被称为“Sky”,运行在Android操作系统是。它是在2015年Dart开发者峰会 [3] 上亮相的,其目的是能够以每秒120帧的速度持续渲染。
Beta
Beta1版本于2018年2月27日在2018 世界移动大会公布 [5] 。
Beta2版本2018年3月6日发布 [6] 。

Windows

1. 下载安装包

因为下载安装包需要一定的时间,所以先把进行安装包的下载。可以去官网下载:Download Flutter 可以去 Flutter github 下载安装包:Download Flutter Zip

2. 配置环境变量

PUB_HOSTED_URL = https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn

等待下载 过程中配置一下环境变量

  1. 右键我的电脑(此电脑) > 属性 > 高级系统保护设置 > 高级 > 环境变量

  2. 在 系统变量 下点击新建(可以将上面代码复制):

下载完安装包 后,

  1. 把它解压到你想安装 Flutter SDK 的路径(我是在 C:\src\flutter
  2. 在 系统变量 下检查是否有名为“Path(PATH)”的条目: a. 如果该条目存在,左键双击击进入该项 编辑 > 新增 b. 如果条目不存在, 点击下面 新建, 变量名为 Path ,变量值为 C:\src\flutter\bin

3. 运行 Flutter doctor

  1. 打开 Flutter console

  2. 输入 flutter doctor, 检查还需要安装的项目 如上图,显示 [X] 的为没有安装的项目

    • 如果是前端仔,建议用 VScode,跳到 VSCode Flutter 配置
    • 如果是安卓仔,那就直接可以用 Android Studio

4. 配置 VSCode

  1. 打开命令面板(快捷键:Ctrl + Shift + P)
  2. 安装扩展,搜索 flutter点击安装,发现 Dart 也一起安装好了
  3. 验证
    • 打开命令面板
    • 输入 'doctor',选择 'Flutter: Run Flutter Doctor'
    • 查看 “OUTPUT” 窗口中的输出是否有问题
  4. 创建项目
    • 打开命令面板
    • 选择 'Flutter: New Project'
    • 项目命名,遵循谷歌下划线命名,使用驼峰命名会报错

5. 配置移动设备

  1. 将自己的手机连接到电脑,打开发者模式(连续点击版本号)
  2. 进入开发者选项,打开 USB 调试(不同手机'开发者选项'在不同位置,自行百度)
  3. 检查是否连接成功
  4. 按 F5 键或点击 调试>启动调试(Debug>Start Debugging),等待手机出现画面
  5. 体验热重载
    • 打开 main.dart文件
    • 找到 home: new MyHomePage(title: 'Flutter Demo Home Page'),
    • title 里的内容改为 VSCode Flutter Demo
    • 保存(ctrl-s), 就可以在手机上看到更改了
(0)

相关推荐

  • 快播增强版怎么使用?快播增强版下载安装教程

    一个快播倒下,千千万万个类似快播播放器站起。今日很多用户都在使用一个叫做快播增强版的应用,那么快播增强版怎么使用?现在仍有很多朋友不是很清楚,下面小编就为大家带来快播增强版下载安装教程。希望能给大家带 ...

  • 兔兔助手怎么安装?兔兔助手下载安装教程

    兔兔助手是iPA文件安装软件,很多朋友还不知道兔兔助手需要越狱吗?下文将告诉大家兔兔助手怎么安装的方法,并且会演示兔兔助手下载安装教程。 小编提醒:手机必须要越狱并安装appsync补丁源方可使用兔兔 ...

  • Win xp死亡倒计时工具如何下载安装教程(附xp死亡倒计时小工具下载)

    下文介绍的是xp死亡倒计时工具下载安装教程,xp死亡倒计时小工具能够帮助我们计算距离xp系统停止服务还有多少时间,如果你是用的是xp系统的话,不妨下载使用一下。 下载“xp死亡倒计时小工具”完成后,双 ...

  • 杜比音效驱动怎么安装?杜比音效驱动win8.1下载安装教程

    下文将演示杜比音效驱动win8.1下载安装教程,杜比音效驱动可以修复电脑音频相关的各种典型问题,有需要的朋友可以参考下文进行安装。 --下载安装步骤 1、卸载当前使用的驱动和SRS、X-Fi等一切音效 ...

  • 微信好友管理软件微信猎手下载安装教程

    微信猎手怎么下载?小编将在下文演示微信猎手下载安装教程,“微信猎手”是一款微信好友管理辅助软件,对于好友很多的朋友来说是很有用的,那么该怎么下载并使用呢? 微信猎手是一款微信好友管理软件,能帮你找回误 ...

  • 沃百富电脑版下载地址 联通沃百富pc版下载安装教程详情介绍

    沃百富电脑版下载安装教程是接下来小编要分享给大家的,如果你还不知道沃百富pc版下载方法的话,就往下继续看吧,希望会对大家有所帮助的。 沃百富电脑版安装教程: 1、首先安装安卓模拟器,具体的安装步骤请查 ...

  • picsart电脑版下载方法 picsart pc版下载安装教程介绍

    picsart电脑版下载安装教程是接下来小编要分享给大家的,如果你还不知道picsart pc版下载方法的话,就往下继续看吧,希望会对大家有所帮助。 picsart电脑版安装教程: 1、首先安装安卓模 ...

  • 微信windows版怎么安装?windows版微信下载安装教程

    相信还有很多朋友对于真正的微信电脑版的安装过程还不太清楚,下文小编就为大家带来windows版微信的下载安装教程,有需要的朋友一起去看下吧。 不同于之前的网页版,这测内部流出的版本为单独的客户端应用程 ...

  • 腾讯地图离线地图的下载安装教程附腾讯地图下载

    腾讯地图离线地图怎么下载呢?手机地图都是支持离线地图的额,那么怎么下载安装离线地图呢?下文小编就教大家腾讯地图离线地图的下载安装教程,有需要的朋友一起去了解下吧。 腾讯地图离线地图下载安装教程: 方法 ...