flutter-菜鸟的认识

Flutter初学者指南:快速构建移动端UI
Flutter是一款基于C++的移动UI框架,使用Dart语言编写,提供高效的垃圾回收和高性能渲染。它简化了移动端应用开发,尤其是UI设计,支持热加载调试和响应式编程。对于Java开发者来说易于上手。同时,Flutter也有dart:html库和Web框架,代码会被编译为JavaScript。推荐的学习资源包括官方站点和何小友大神的教程。在构建APP时,注意UI设计与业务逻辑的分离,以便组件复用和解耦。

flutter引擎是用c++写的,flutter是一种框架,一套基于ios,android的移动UI框架,框架是用dart语言写的,dart作为一门新兴的语言,只不过现在生态还欠缺。但是其从2011年就已经开始诞生,到15年移动应用sky框架的诞生就是flutter的开始叫法,现在已更名为flutter到现在2月份23日dart2更新,dart2是为了更好的解决客户端交互,例如强大的类型功能,ui代码(ui as code)。

  • 移动端

移动端,构建一个受欢迎的应用程序,会比任何语言构建的时间耗费短,这解决了程序员加班加点。。。。。。。。啊哈哈。使用响应式编程开发,具有快速的垃圾回收高性能渲染引擎。最重要的是使用dart语言写的易读,优雅。

  • web端

web端,其实有专门的库dart:html和完整的web框架,web端运行的是JavaScript代码,所以使用的时候就会被编译器成JavaScript。

学习可以在这里起飞,https://flutterchina.club/
半道出家的java工程师学习这个flutter使用一个月的感觉是容易上手,尤其是热加载调试程序会非常快,widget树可以在as工具调试
这里写图片描述

ui容易上手,经过 各种组件的组合,就会创建一个非常漂亮的UI。
至于进阶学习,可学习何小友大神的教程http://flutter-dev.cn/topic/12/flutter%E4%BB%8E%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E5%88%B0%E8%BF%9B%E9%98%B6%E7%B3%BB%E5%88%97%E6%95%99%E7%A8%8B

真正的一款app光从技术层面来说ui设计到业务逻辑缺一不可,刚好业务逻辑正好是难点,写ui的时候切记别把业务逻辑写死,以便做到组件复用,和解耦。这是最好的。正在充电中,学习dart和flutter中,,,,,,,,

执行 `./flutter-sdk/bin/flutter --version` 提示不是内部或外部命令,可能是 Flutter 环境变量配置不正确导致系统无法找到 `flutter` 命令。可以按照以下步骤解决: ### 确认 Flutter SDK 已正确下载和解压 需确保已下载 Flutter SDK 并解压到指定路径。可以从官方链接(https://docs.flutter.dev/get-started/install/macos )下载,国内也可使用码云下载(https://gitee.com/mirrors/Flutter?_from=gitee_search ),解压的是 Stable version 2.5.3 版本,并将其放入相应路径,例如 home 目录下 [^1]。 ### 配置 Flutter 环境变量 开始配置环境变量,以 macOS 系统为例,可通过以下步骤操作: 1. 打开终端,输入 `vim ~/.bash_profile` 编辑环境变量文件。 2. 在文件中输入以下内容: ```bash export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PATH=/path/to/flutter/bin:$PATH export NO_PROXY=localhost,127.0.0.1 ``` 注意将 `/path/to/flutter` 替换为实际的 Flutter SDK 解压路径。例如,如果将 Flutter SDK 解压到 home 目录下,路径可能是 `/Users/your_username/flutter` [^1]。 3. 输入 `:wq` 保存并退出文件。 4. 在终端输入命令 `source ~/.bash_profile` 载入配置。 5. 输入 `echo $PATH` 检查配置是否生效,确保 Flutter SDK 的 `bin` 目录已添加到 `PATH` 中 [^1]。 ### 验证配置 在终端运行 `flutter --version` 命令,若能正确显示版本号,说明配置成功;运行 `flutter doctor` 命令可检查依赖状态 [^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值