1，克隆项目骨架

地址：https://github.com/zce/quickapp-boilerplate

（此骨架为配置好的）

2，启动项目

npm install 安装依赖

npm  run build  编译打包

npm run server 启动项目

npm run watch 实时更新（manifest.json文件的改动是不会启动实时更新的，需要我们去手动watch一下）

 

3，学习点--首页页面搭建

  1. 每个div都是一个flex （快应用中的div）

  2. 只支持两个单位 px  %                px 相对与配置文件中 designWidth 单位

  3. /* border:1px solid #e9ecef; */

    border-left-color:#e9ecef;

    border-left-width:1px;

    border-bottom-color:#e9ecef;

    border-bottom-width:1px;

4，学习点--首页数据加载和绑定

 

 

 

 

 

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

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

更多推荐

cover

【maaath】Flutter for OpenHarmony 短信管理应用实战

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

【Flutter for OpenHarmony】：Flutter前言及环境配置

（注：建议勾选“添加到PATH(需要重启)”；如果HarmonyOS toolchain报错的话，可以尝试在DevEco里面先建一个项目，这样ohpm就会自动下载了，node我是在node的官网上下载安装的。（注：如果安装过程中你勾选了更新PATH变量，需要重启电脑才可以生效）：直接编译为原生ARM代码，渲染使用自研Skia引擎，性能接近原生。：一套代码可运行在多个平台（移动、Web、桌面、嵌入式

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

Flutter-OH 三方库适配实战：Dio 网络请求库 OpenHarmony 完整适配指南

网络请求是移动应用开发的核心基础能力，Dio 是 Flutter 生态中使用最广泛的高性能网络请求三方库，支持拦截器、超时配置、数据封装、异常统一处理等能力。OpenHarmony 鸿蒙系统拥有独立的权限管控、网络安全策略，原生 Flutter 三方库直接接入会出现请求拦截、权限失效、明文访问受限等问题。

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