Flutter 下载安装教程

2022-07-21 5:48:09 网络知识 官方管理员
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.下载安装包因为下载安装包需要一定的时间,所以先把进行安装包的下载。可以去官网下载:DownloadFlutter可以去Fluttergithub下载安装包:DownloadFlutterZip

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

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

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

下载完安装包后,

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

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

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

发表评论: