Flutter安装入门教程

前言

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
我本人也是非常安好Flutter,所以也进入到了Flutter学习行列啦,今天主要讲一下Flutter的安装,具体包括:

  • Flutter需要配置的工具
  • Flutter SDK下载
  • Flutter环境变量的配置
  • 插件安装(Fultter与Dart)
  • 创建一个Flutter项目

Flutter工具配置

1. Git

我们需要下载Git
直接去Git官网配置,地址:
https://git-scm.com

2.Android开发工具:Android Studio下载
下载地址:
https://developer.android.google.cn/studio/

Futter SDK下载

使用Git克隆仓库下载,找一个全英文路径(无空格)点击右键找到Git Bash

输入下面命令:

git clone -b master https://github.com/flutter/flutter.git

注意,其中的master代表的是分支

环境变量配置

这里以WIN10为例:
右键点击我的电脑--->属性--->高级系统设置--->环境变量--->双击path--->编辑文本

在后面以";"号隔开添加flutter路径

成功之后在终端窗口输入:

flutter doctor

如果提示错误,可以重启一下机器,再次尝试

然后就会出现下面所示的内容:

显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 !

插件安装(Fultter与Dart)

以开发工具Android Studio为例:

Flutter插件

点击Android Studio ---> File ---> Settings ---> Plugins

Dart插件 同理

创建一个Flutter项目

File--->New--->New Flutter Project

然后输入项目名称等等信息,就创建成功了


作者:秦子帅
链接:https://www.jianshu.com/p/a9ff23f96305
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

### Flutter 和 UniApp 的特点 #### Flutter 特点 Flutter 是由 Google 开发的一个开源框架,用于构建高性能、高保真度的应用程序。它采用 Dart 编程语言,并提供了一套丰富的预设计组件库来加速开发过程。 - **热重载功能**:开发者可以在不重启应用程序的情况下快速查看更改效果。 - **自定义UI灵活性**:支持创建高度定制化的用户界面,适用于需要独特视觉风格的应用。 - **单代码库多平台发布**:一次编写代码即可部署到多个移动操作系统上运行[^3]。 #### UniApp 特点 UniApp 则是一个基于 Vue.js 构建的跨平台应用开发框架,旨在帮助开发者更高效地制作 Web 应用以及 iOS/Android 原生 App 。该工具通过编译器将 H5 页面转换成不同平台所需的文件格式。 - **性能优化良好**:实现了接近于本地应用程序级别的响应速度与流畅度,这得益于其内部使用的类似于 React Native 技术栈的渲染机制[^1]。 - **简化数据传递方式**:对于 Android 设备而言,在处理页面间通信时强制规定所有参数都应为字符串形式,从而减少了因类型差异而引发的问题[^2]。 - **广泛的插件生态体系**:拥有众多第三方扩展包可供选用,方便集成各种常用服务接口或硬件特性访问能力。 ### 性能对比分析 当涉及到具体表现层面时: - 对于图形密集型任务或者动画复杂程度较高的场合下,由于 Flutter 使用的是 Skia 图形引擎直接绘制 UI ,所以在这些方面可能会占据一定优势; - 而 UniApp 尽管也做了很多努力去提升效率,但在某些极端情况下可能无法达到同等水平。不过就日常业务逻辑操作来说两者差距并不明显,都能满足大多数应用场景下的需求[^4]。 ### 适用项目类型区分 考虑到上述区别因素: - 如果项目注重极致的画面质量和丝滑般的触控反馈,则倾向于选择 Flutter 进行建设更为合适; - 若希望借助成熟的前端技术栈(如Vue)加快研发进度并降低学习成本的话,那么 UniApp 或许会成为更好的选项之一。另外需要注意的是,如果团队已经熟悉了某一特定领域内的技能集,最好还是继续沿用相同的技术路线以减少迁移所带来的风险和不确定性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值