Flutter 下载安装教程




  • 首页
  • Flutter 下载安装教程

Flutter 下载安装教程

2022-07-21 5:48:09 网络知识 官方管理员
305|0条评论
flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

框架概况

Flutter是谷歌的移动UI框架[4]，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的GoogleFuchsia[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]。

Windows1.下载安装包因为下载安装包需要一定的时间，所以先把进行安装包的下载。可以去官网下载：DownloadFlutterFlutter,下载,安装可以去Fluttergithub下载安装包：DownloadFlutterZip

2.配置环境变量PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn在等待下载过程中配置一下环境变量

右键我的电脑(此电脑)>属性>高级系统保护设置>高级>环境变量Flutter,下载,安装Flutter,下载,安装

在系统变量下点击新建（可以将上面代码复制）：Flutter,下载,安装Flutter,下载,安装

在下载完安装包后，

把它解压到你想安装FlutterSDK的路径（我是在C:\src\flutter）Flutter,下载,安装在系统变量下检查是否有名为Path(PATH)的条目:a.如果该条目存在，左键双击击进入该项编辑>新增b.如果条目不存在,点击下面新建,变量名为Path，变量值为C:\src\flutter\binFlutter,下载,安装3.运行Flutterdoctor打开FlutterconsoleFlutter,下载,安装Flutter,下载,安装

输入flutterdoctor,检查还需要安装的项目Flutter,下载,安装如上图，显示[X]的为没有安装的项目

如果是前端仔，建议用VScode，跳到VSCodeFlutter配置如果是安卓仔，那就直接可以用AndroidStudio4.配置VSCode打开命令面板(快捷键：Ctrl+Shift+P)安装扩展，搜索flutter点击安装，发现Dart也一起安装好了验证打开命令面板输入'doctor'，选择'Flutter:RunFlutterDoctor'查看OUTPUT窗口中的输出是否有问题创建项目打开命令面板选择'Flutter:NewProject'项目命名，遵循谷歌下划线命名，使用驼峰命名会报错5.配置移动设备将自己的手机连接到电脑，打开发者模式（连续点击版本号）Flutter,下载,安装进入开发者选项，打开USB调试（不同手机'开发者选项'在不同位置，自行百度）检查是否连接成功按F5键或点击调试>启动调试(Debug>StartDebugging)，等待手机出现画面Flutter,下载,安装体验热重载打开main.dart文件找到home:newMyHomePage(title:'FlutterDemoHomePage'),把title里的内容改为VSCodeFlutterDemo保存(ctrl-s)，就可以在手机上看到更改了Flutter,下载,安装
VS2017怎么打开类视图?vs2019怎么打开类视图 vs添加ASP.Net文件夹中各选项是什么意思?vs如何打开asp项目

发表评论：

MORE>
热门推荐 网友点评
最近发表
网站分类
标签列表