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
在 等待下载 过程中配置一下环境变量
在 下载完安装包 后,
- 把它解压到你想安装 Flutter SDK 的路径(我是在
C:\src\flutter
) - 在 系统变量 下检查是否有名为“Path(PATH)”的条目: a. 如果该条目存在,左键双击击进入该项 编辑 > 新增 b. 如果条目不存在, 点击下面 新建, 变量名为
Path
,变量值为C:\src\flutter\bin
3. 运行 Flutter doctor
-
输入
flutter doctor
, 检查还需要安装的项目 如上图,显示 [X] 的为没有安装的项目- 如果是前端仔,建议用 VScode,跳到 VSCode Flutter 配置
- 如果是安卓仔,那就直接可以用 Android Studio
4. 配置 VSCode
- 打开命令面板(快捷键:
Ctrl + Shift + P
) - 安装扩展,搜索 flutter点击安装,发现 Dart 也一起安装好了
- 验证
- 打开命令面板
- 输入 'doctor',选择 'Flutter: Run Flutter Doctor'
- 查看 “OUTPUT” 窗口中的输出是否有问题
- 创建项目
- 打开命令面板
- 选择 'Flutter: New Project'
- 项目命名,遵循谷歌下划线命名,使用驼峰命名会报错
5. 配置移动设备
- 将自己的手机连接到电脑,打开发者模式(连续点击版本号)
- 进入开发者选项,打开 USB 调试(不同手机'开发者选项'在不同位置,自行百度)
- 检查是否连接成功
- 按 F5 键或点击 调试>启动调试(Debug>Start Debugging),等待手机出现画面
- 体验热重载
相关文章
- vscode中git怎么设置未追踪的变化?想要改进的未跟踪文件管理,在哪里设置呢?下面我们就来看看详细的教程2023-06-07
- 遇到hbuilder内置浏览器下载失败,检查网络问题,导致内置服务器可能无法正常启动的原因很多,详细请看下文介绍2023-05-31
hbuilder和hbuilderx有什么区别? hbuilder绿色和红色的区别介绍
hbuilder和hbuilderx有什么区别?HBuilder是一款纯粹的HTML5开发工具,HBuilderX是HBuilder的升级版,下面我们就来看看hbuilder绿色和红色的区别介绍2023-05-31hbuilderx对比Android有什么区别? 两款软件特点介绍
hbuilderx对比Android有什么区别?在选择软件的时候,很多朋友不知道选用哪个软件,今天我们就来看看hbuilder和Androidstudio两款软件特点介绍2023-05-31VSCode怎么对租约使用强制推送? VSCode中git开启使用带租约强制推送技
VSCode怎么对租约使用强制推送?这个功能不是很常用,很多朋友不知道在哪里开启,下面我们就来看看VSCode中git开启使用带租约强制推送技巧2023-05-25Python软件如何查看关键字?Python查看关键字的方法
Python是一种面向对象的解释型计算机程序设计语言,本文介绍的是使用python软件查找关键字的方法2023-05-18Visual Studio 2022 17.6 更新发布(附官方下载)
微软今天正式推出了 Visual Studio 2022 17.6 更新,引入了一系列强大的工具和功能,帮助开发者打造卓越的应用和体验,详细请看下文介绍2023-05-18Microsoft Visual C++ Build Tools安装包缺失或损坏的解决方法
在Windows10安装Microsoft Visual C++ Build Tools时,会提示安装包丢失或者已经损坏,此时就需要安装Visual C++ build tools离线包,该安装包是离线安装包,同样也适合离2023-05-17SAPIEN PrimalXML注册机使用教程 附激活补丁下载
SAPIEN PrimalXML注册机使用方法!SAPIEN PrimalXML 2023是一款简单而实用的XML编辑工具,可以用于编辑、操作和创建 XML 文件,并且可以快速查看某些 XML 数据,或者为其他2023-05-17- 下面我把VS2022开发工具安装教程分享给大家,同时大家想去下载这个,可以在公众号中输入“VS2022”,我提供的是社区版本。如需其它版本,自行去到微软官方下载2023-05-03
最新评论