初识flutter1

为什么使用flutter, 说直白一点,就是移动UI框架, 个人认为优势是:

1.一套代码adnroid 和ios 可以使用, 代码好维护

2.原生用户界面

3.开源、免费的

开发工具:

1.下载 java 包, 根据自己的电脑配置选择

官网下载: https://www.oracle.com/java/technologies/downloads/#jdk23-windows

1.2 双击 jdk, 一直下一步,直到完成

1.3 配置jdk, 电脑右键 --->点击属性 --> 高级系统配置 ---> 环境变量

1.3.1 用户变量, 看看是否有 JAVA_HOME , 没有就添加

复制代码
JAVA_HOME
C:\Program Files\Java\jdk-23

1.4 jdk 就配置好了

  1. 配置flutter, 官网: https://docs.flutter.cn/get-started/install

2.1 选择自己需要的开发工具, 这里我选择是vscode

下载SDK, 并解压; 这里我放到 C:\Flutter 目录下

2.2 配flutter SDK ,

2.2.1 电脑右键 --->点击属性 --> 高级系统配置 ---> 环境变量

2.2.2 系统变量 找到 path

复制代码
path
C:\Flutter\flutter\bin

2.2.3 保存确定

2.3 看看是否配置好了 win + R

2.3.1 命令: flutter doctor

  1. 使用vscode 工具

3.1 安装两个插件 dart flutter

3.2 键盘 ctrl + shift + p 选择 flutter: New project (flutter 项目)

3.3 在选择 application 点击, 在选择文件所属目录, 项目名称

3.4 终端: flutter run

相关推荐
程序员老刘10 小时前
本地跑Gemma 4 12B写Flutter:是惊喜还是崩溃
flutter·ai编程
暗冰ཏོ10 小时前
Flutter 从入门到项目实战:Dart 基础、跨平台开发、App 架构与上线发布完整指南
flutter·架构·app·安卓·应用开发
brycegao12 小时前
Flutter Dart JSON 解析必坑!金额精度丢失为什么必须在网络层处理?附工业级解决方案
flutter·dart
tangweiguo0305198712 小时前
Flutter GetIt 完全指南:告别 BuildContext 依赖的终极方案
flutter
韩曙亮12 小时前
【Flutter】Flutter 中的 Android / iOS 特殊配置 ① ( 网络权限配置 | HTTP 明文传输配置 | 应用名称配置 )
android·网络·flutter·http·ios·网络权限
tangweiguo0305198713 小时前
Flutter中的StreamController完全指南
flutter
hxy060114 小时前
Flutter showModalBottomSheet等弹窗宽度问题
前端·flutter
张3蜂16 小时前
Flutter Hello World!实践
flutter
恋猫de小郭2 天前
Android 官方给 Compose 搞了个不需要 UI 环境的 Composable
android·前端·flutter
喵了几个咪2 天前
基于 Flutter 的 Headless CMS 全平台前端架构:技术解析与二次开发导引
前端·flutter·架构