织码Weave Code
Weave Code织码
运行在 HarmonyOS 2in1 设备上的代码编辑器:直接打开本地项目文件夹、边改边看实时预览、让 AI 帮你写代码,全程离线可用。 A code editor built for HarmonyOS 2in1 devices: open a local project folder, preview live as you type, and let AI help you write code — fully offline.
网站导航Explore the site
四个栏目覆盖从上手到反馈的完整链路。 Four sections cover the whole journey, from first launch to filing a report.
入门指南Getting started guide
从安装、打开项目到实时预览与 AI 助手,12 章逐步讲解全部主要功能,并说明我们相对上游做过哪些改动。 Twelve chapters cover installation, opening projects, live preview and the AI assistant, plus exactly what we changed compared with upstream.
开始阅读 →Start reading → ⬇️下载应用Download
获取 HarmonyOS 安装包,查看版本信息、系统要求与安装步骤,或从源码自行构建。 Get the HarmonyOS package, check version notes, system requirements and install steps, or build it yourself from source.
前往下载 →Go to downloads → 🎉活动Events
版本发布、内测招募与社区活动的统一公告板,按进行中、即将开始、已结束分类查看。 Release notes, beta recruitment and community events in one board, grouped into ongoing, upcoming and past.
查看活动 →View events → 🛠️问题反馈Report a problem
按模板填写问题即可生成一份可直接提交的报告;页面也会告诉你需要附带哪些日志。 Fill in the template to generate a ready-to-submit report; the page also tells you which logs to attach.
去反馈 →Give feedback →它能做什么What it does
纯 Web 能力已完整打包,依赖桌面原生进程的能力则按 HarmonyOS 原生桥逐项补齐。 Pure web capabilities ship complete; features that used to need desktop native processes are rebuilt one by one on HarmonyOS native bridges.
打开本地项目文件夹Open a local folder
通过系统目录选择器授权一个文件夹,之后它就以虚拟挂载的形式出现在编辑器里,可随时切回。 Authorise a folder through the system picker; it appears in the editor as a virtual mount you can switch back to anytime.
行内实时预览Inline live preview
HTML、CSS、JS 改动即时反映在预览面板,支持可视化调整元素样式并写回源码,不需要外部预览服务器。 HTML, CSS and JS changes appear instantly in the preview pane, with a visual inspector that writes edits back to source — no external preview server needed.
AI 编程助手AI coding assistant
内置 Cloud Code 面板,可对话、可流式输出,支持 Markdown 文件读写与代码片段插入。 A built-in Cloud Code panel with streaming chat, Markdown file access and one-click code insertion.
代码智能与格式化Code intelligence & formatting
语法高亮、补全提示、快速跳转、查找替换、格式化与代码检查,覆盖常见前端语言。 Syntax highlighting, completion, quick navigation, find & replace, formatting and linting for common web languages.
扩展与主题Extensions & themes
沿用 Phoenix Code 的扩展体系,可安装主题、快捷键方案与功能扩展,深色浅色随手切换。 Keeps the Phoenix Code extension system: themes, keymaps and feature extensions, with one-tap dark and light modes.
Markdown 与设计模式Markdown & design mode
Markdown 实时渲染阅读,Design Mode 让你像改文档一样直接点选页面元素来编辑内容。 Live Markdown rendering, and a Design Mode that lets you click page elements and edit content as if you were editing a document.
我们改了什么What we changed
基于 Phoenix Code 上游生产发行版移植,差异集中在宿主、文件系统与预览三处。 Ported from the Phoenix Code upstream release; the differences concentrate on the host shell, the file system and preview.
| 能力Area | 上游做法Upstream | 织码的做法In Weave Code |
|---|---|---|
| 运行宿主Runtime host | 桌面应用(Electron / Tauri)Desktop app (Electron / Tauri) | HarmonyOS ArkWeb 全屏宿主,拦截内部安全地址 https://phoenix.local/ 从安装包内直接返回资源,不访问外部站点A full-screen HarmonyOS ArkWeb host intercepts the internal secure origin https://phoenix.local/ and serves assets straight from the installed package — the external site is never contacted |
| 打开文件夹Opening folders | 桌面文件对话框Desktop file dialog | 系统目录选择器 + 永久授权,项目以 /mnt/ 虚拟挂载呈现System folder picker plus persistent permission; projects show up as a /mnt/ virtual mount |
| 实时预览Live preview | 依赖外部预览服务与 Service WorkerRelies on an external preview service and a service worker | 应用内渲染器把页面转成 srcdoc/Blob 资源,不依赖外部域名与 Service WorkerAn in-app renderer turns the page into srcdoc/Blob assets, with no external domain or service worker |
| AI 助手AI assistant | 桌面端设置向导Desktop setup wizard | 新增 Cloud Code 集成扩展,模型配置通过原生桥保存,请求支持流式返回A new Cloud Code integrated extension; model settings persist through the native bridge and requests can stream |
更细的改动清单(含启动行为、最近项目与已打开项目区块的调整)在 入门指南 · 我们改了什么。 For the detailed list — including startup behaviour and the recent/open project blocks — see the guide's “What we changed”.
三步上手Up and running in three steps
- 安装并启动。安装应用包后从桌面图标启动,编辑器界面会在几秒内出现。 Install and launch. Install the package and start it from the desktop icon; the editor appears within seconds.
- 打开项目文件夹。使用 文件 → 打开文件夹,在弹出的系统选择器中授权你的项目目录。 Open a project folder. Use File → Open Folder and authorise your project directory in the system picker.
- 开始编码。编辑任意文件,需要时可打开实时预览面板或唤出 AI 助手。 Start coding. Edit any file, then open the live preview pane or call up the AI assistant when you need it.
平台能力边界Platform boundaries
为了让你少走弯路,先说清哪些能力当前不可用。 So you do not waste time looking for them, here is what is not available yet.
这些能力原本依赖桌面上的 Node 或原生进程,当前应用内没有打包运行时。它们需要逐项做 HarmonyOS 原生桥接,届时会在此页与入门指南同步更新。 These features used to rely on Node or native processes on the desktop, and no runtime is bundled inside the app yet. Each one needs its own HarmonyOS native bridge; this page and the guide will be updated as they land.
安全提醒:请勿在项目中硬编码 API Key 或签名口令。当前开发分支中存在明文存储的密钥与证书口令,正式分发前应当轮换。 Security note: never hard-code API keys or signing passwords in a project. Plain-text credentials currently exist in the development branch and should be rotated before any public distribution.