Weave Code

Weave Code 是一款面向 HarmonyOS 平板与 PC/2in1 的网页开发工具，集项目管理、代码编辑、问题检查、实时预览、可视化设计和 Cloud Code 辅助于一体。应用针对大屏设备进行布局设计，兼顾触控操作与键盘快捷键，适合网页学习、页面原型制作以及日常前端代码编辑。

【项目管理】

通过统一的项目页面查看最近使用的项目和当前打开的项目，也可以创建默认项目、打开本地目录，或者从 Git 获取已有项目。

应用内提供 Hello World、HTML 游戏、首页、博客、HTML 仪表板和 Bootstrap 示例等项目入口，方便快速查看不同类型的网页结构，也可以在这些示例基础上继续编辑。

【代码编辑】

支持 HTML、CSS 和 JavaScript 等网页文件的编辑与语法高亮，并通过文件树管理项目中的代码、图片和其他资源。

编辑过程中可以使用代码补全建议，减少重复输入；问题面板会集中显示检测到的语法问题和相关位置，便于及时检查和修改代码。

【编辑与实时预览】

编辑模式下，代码编辑器与网页预览可以同时显示。修改代码后，可在预览区域查看页面效果，减少在不同应用或窗口之间反复切换。

编辑区域、文件面板和预览区域可以根据当前工作内容进行调整，便于在阅读代码、修改页面和观察结果之间切换。

【可视化设计】

设计模式支持直接选择页面中的组件，并查看或调整对应属性。对于需要重新安排的组件，可以使用拖动排序功能调整页面结构。

可视化操作与代码编辑相互配合：既可以直接修改代码，也可以通过设计模式观察页面元素和布局关系。设计模式默认启用组件拖动排序，编辑模式则保持原有操作方式，避免影响正常的代码编辑过程。

【文件与项目操作】

支持新建、复制、重命名和整理项目文件，也可以通过项目入口打开已有工作目录。项目内容以清晰的文件树展示，便于在多个文件之间切换。

从 Git 获取项目时，可以自行填写仓库地址并选择本地保存位置，适合继续处理已有的网页项目。

【多语言界面】

应用界面、菜单、设置项和组件属性支持多语言显示。切换应用语言后，相关功能名称和提示文字会同步更新。

【适用场景】

• 学习 HTML、CSS 和 JavaScript 基础
• 编写和调整网页页面
• 制作简单的网页原型
• 查看代码修改后的页面效果
• 管理本地网页项目
• 在平板或 PC/2in1 上进行前端代码编辑

织码 Weave Code 希望把项目管理、代码编写、页面设计和预览集中在同一个工作界面中，让网页开发过程更加清晰、连贯。