下载安装好 VScode
下载安装 Flutter 插件
  • 安装 flutter 插件时会自安装 Dart 插件
    在这里插入图片描述
命令行新建 flutter 项目

在想要创建项目的目录下，打开cmd，输入：
flutter create first_flutter （项目名）
自动创建flutter项目
在这里插入图片描述

flutter 项目新建成功

在这里插入图片描述

File --> Open Folder 打开 项目 所在文件夹
  • 打开 main.dart
    在这里插入图片描述
配置真机：点击查看如何配置
连接真机，运行程序
  • 打开控制台：Ctrl+·
    （Ctrl+点）（1 左边那个键）
  • 输入： flutter devices （找到真机设备）
    在这里插入图片描述
  • 输入：flutter run （安装程序到真机）
    在这里插入图片描述
填坑：未识别到真机
  • 找到项目所在目录，cmd，输入：
    flutter devices
    在这里插入图片描述
  • 可以看到已经识别到真机
  • 运行程序，输入：flutter run在这里插入图片描述
相关操作
  • 热更新 r
    在这里插入图片描述
  • 退出程序 q
    在这里插入图片描述
  • 显示网格 p
使用Android Studio开发 Flutter
安装配置Flutter开发环境 真机运行hello world
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

React Native for OpenHarmony 实战：AsyncStorage 异步存储详解

AsyncStorage本质是React Native提供的异步、持久化、非关系型键值存储API。与Web的不同，它采用队列化写入机制（queuing writes）确保数据一致性。异步队列：所有写操作进入单例队列，避免并发冲突持久化层：在Android/iOS上默认使用SQLite，在OpenHarmony上通过适配层转为Preferences API序列化机制：自动将JS对象转为JSON字符串

avatar 开源鸿蒙跨平台开发者社区
cover

【开源鸿蒙跨平台开发先锋训练营】DAY4～DAY6 OpenHarmony版Flutter本地美食清单上拉加载 + 下拉刷新 + 数据加载提示实现

avatar 开源鸿蒙跨平台开发者社区

React Native for OpenHarmony 实战：NetInfo 网络状态详解

NetInfo 是 React Native 社区维护的官方网络状态检测库（现已成为 React Native 核心模块），其核心价值在于抽象化底层网络检测逻辑，为开发者提供统一的跨平台 API。其工作原理可分为三层：fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333

avatar 开源鸿蒙跨平台开发者社区