在开始实战前，我们先对齐一下概念，防止小白晕车。Termony：你可以把它理解为鸿蒙版的 Termux 或 iTerm2。它是一个运行在 OpenHarmony 设备上的 App，提供了一个完整的终端环境，允许你在手机/平板上运行 Shell 命令。：这是鸿蒙原生的一种包格式，类似于 Linux 的.deb或.rpm。我们将编译好的二进制文件打包成 HNP，就能通过包管理器在 Termony 中一

AGC ->

在 Ubuntu (20.04+) 下搭建鸿蒙命令行适配环境是的方式。因为鸿蒙系统的编译环境本质上就是基于 Linux 的，很多在 Windows 下需要折腾的路径问题、依赖问题，在 Ubuntu 下都能直接避免。既然你是为了**“适配命令行工具”基于 NDK 的交叉编译环境**。在 Ubuntu (20.04+) 下搭建鸿蒙命令行适配环境是的方式。因为鸿蒙系统的编译环境本质上就是基于 Linux

在HBuilderX中使用框架开发是实现这一需求的标准做法。uni-app 提供了原生的tabBar配置和便捷的生命周期函数来处理刷新与加载。以下是实现及的完整步骤指南。

通过这一期，我们攻克了 GitCode 详情页的最后一块拼图。核心知识点回顾：坚决抵制v-html，拥抱mp-html组件。处理 API 返回的原始内容。解决 Markdown 中相对路径图片的“死链”问题（这是很多练手项目的盲区！至此，一个完整的、原生的、高性能的代码仓详情页架构（Info + Tree + Readme）就搭建完成了！

今天我们完成了一个类似GitHub App面包屑导航：不仅好看，还是状态管理的“可视化映射”。数据驱动视图：通过改变驱动列表刷新，避免了页面栈溢出。路由管理：合理区分“页内更新”和“页面跳转”的使用场景。现在的 GitCode 小程序已经“动”起来了！下一期，我们将挑战更高级的功能：代码文件的语法高亮与行号显示（不仅仅是 rich-text 那么简单哦）！觉得硬核？

通过这次实践，我们不仅学会了如何在 HBuilderX 中引入 Axios，更重要的是掌握了拦截器的使用。请求拦截器就像是“安检员”，确保每个请求都带上了合法的通行证（Token）。响应拦截器就像是“翻译官”，将服务器晦涩的错误码翻译成用户能看懂的提示。

通过这篇文章，我们实现了一个结构清晰逻辑自洽（支持点击文件夹下钻）、性能优良（原生渲染）的代码仓详情页。技术要点回顾：Flex 布局构建清晰的 UI。对接 RESTful API。递归思维处理文件夹层级逻辑（虽然这里用的是路径重置，逻辑类似）。优化首屏并发请求。

恭喜你！坚持看完了整个实战系列。从API封装到递归目录，从Markdown渲染到代码高亮，你现在手里已经拥有了一个功能完备的“口袋代码阅读器”的核心源码。这不仅仅是一个 Demo，它是你迈向高级前端开发的敲门砖。UniApp 跨端开发递归组件优化虚拟 DOM 与原生渲染性能调优。

欢迎回到我们的UniApp 实战 GitCode系列教程！在上一期中，我们完成了代码仓详情页的基础架构，但那个文件列表是“平铺”的，点一个文件夹跳一页，体验极其复古。作为一名有追求的前端开发者，我们要的是像 VS Code 那样丝滑、可折叠、层级分明的可视化目录树。今天这篇文章，我们将抛弃所有笨重的第三方组件库，使用 Vue 3 组合式 API (Composition API)，手把手带你从零实