# @ankhorage/studio 中文文档 规范地址：https://npmcn.com/package/%40ankhorage/studio/ 版本：8\.0\.18 npm 元数据更新时间：2026-11-05T11:03:41.399Z 中文译文更新时间：2026-11-06T05:12:12.447Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40ankhorage/studio 原文对照：https://npmcn.com/package/%40ankhorage/studio/?lang=original 项目主页：https://github.com/ankhorage/studio#readme 源码仓库：https://github.com/ankhorage/studio ## 关键信息（来自 npm 元数据） - 包体积（解压后）：3.3 MB，1428 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：34 个 - peer 依赖：expo 57\.0\.31，react 19\.2\.3，react-dom 19\.2\.3，expo-router ~57\.0\.29，react-native 0\.86\.x，expo-constants ~57\.0\.22，expo-status-bar ~57\.0\.1，react-native-web ~0\.21\.3，react-native-screens ~4\.26\.0，react-native-worklets 0\.10\.1，react-native-reanimated 4\.5\.1，react-native-gesture-handler ~2\.32\.0，react-native-safe-area-context ~5\.7\.0，@react-native-vector-icons/ionicons ^13\.1\.4 \|\| ^14\.0\.0，@react-native-vector-icons/fontawesome ^13\.1\.4 \|\| ^14\.0\.0，@react-native-vector-icons/fontawesome5 ^13\.1\.4 \|\| ^14\.0\.0，@react-native-vector-icons/fontawesome6 ^13\.1\.4 \|\| ^14\.0\.0 - 首次发布：2026-07-02T08:06:53.524Z - 最新版本发布：2026-11-05T11:03:40.646Z - 近 30 天下载量：7565（2026-10-06 至 2026-11-04，npm 官方下载统计） - 已发布版本数：296（近 12 个月 296 个） ## 中文简介 Ankhorage 应用程序的工作室编写软件包 ## 安装 ```sh npm install @ankhorage/studio ``` 也可以使用：`pnpm add @ankhorage/studio`、`yarn add @ankhorage/studio`、`bun add @ankhorage/studio` ## README # @ankhorage/ studio (英语) ![license: MIT](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/license.svg) ![npm: v8.0.18](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/npm.svg) ![runtime: bun](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/runtime.svg) ![typescript: strict](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/typescript.svg) ![eslint: checked](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/eslint.svg) ![prettier: checked](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/prettier.svg) ![build: checked](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/build.svg) ![tests: checked](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/tests.svg) ![paradox: canonical](https://npmcn.com/package/%40ankhorage/studio/paradox/badges/docs.svg) Ankhorage 应用程序的工作室编写软件包 ## 使用量 ### 国 际 Ankhorage 包通过命令行界面曝光 `ankh`启用 `ankh --help` 来发现可用的软件包命令,或用 `--help` 用于特定软件包. ```zsh # Install the Ankhorage CLI bun add --global @ankhorage/ankh # Show usage information for studio ankh studio --help ``` ### 帆布拖动有效载荷 拖曳 Studio 帆布节点时创建和验证所使用的有效载荷 . 运行 `bun examples/canvas-drag-payload/basic.ts` 在构建软件包之后. ```ts import { createStudioCanvasDragPayload, isStudioCanvasDragPayload, } from '@ankhorage/studio/canvasDragModel'; ``` ## 生成的文件 - [交互式文件应用](https://npmcn.com/package/%40ankhorage/studio/paradox/index.html) - [公共 API 参考](https://npmcn.com/package/%40ankhorage/studio/paradox/exports.md) - [构成部分登记册](https://npmcn.com/package/%40ankhorage/studio/paradox/components.md) - [结构概览](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/architecture-overview.mmd) - [模块关系](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/module-relationships.mmd) - [导出图](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/export-graph.mmd) - [附录StudioEvent Binding 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/append-studio-event-binding.mmd) - [评估StudioBinding兼容性序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/assess-studio-binding-compatibility.mmd) - [构建 InsertCatalog 企业序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/build-insert-catalog-entries.mmd) - [使用NewIds 序列复制](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/clone-with-new-ids.mmd) - [收集 StudioBinding 能力选项序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/collect-studio-binding-capability-options.mmd) - [收集StudioMediaAsset用户序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/collect-studio-media-asset-usages.mmd) - [创建NodeFromCatalog Entry序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/create-node-from-catalog-entry.mmd) - [创建StudioMediaAssetId 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/create-studio-media-asset-id.mmd) - [创建StudioUrlMediaAsset 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/create-studio-url-media-asset.mmd) - [生成项目序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/derive-project-id.mmd) - [诊断Studio CompentBindings 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/diagnose-studio-component-bindings.mmd) - [查找节点ById序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/find-node-by-id.mmd) - [找到 StudioBinding 能力选项序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/find-studio-binding-capability-option.mmd) - [生成 StudioId 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/generate-studio-id.mmd) - [列表Studio 媒体集序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/list-studio-media-assets.mmd) - [从Tree 序列中删除节点](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/remove-node-from-tree.mmd) - [删除 StudioEvent Binding 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/remove-studio-event-binding.mmd) - [删除StudioMediaAsset序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/remove-studio-media-asset.mmd) - [删除 StudioPropBinding 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/remove-studio-prop-binding.mmd) - [解析](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/resolve-default-insert-placement.mmd) - [解析InsertPlacement 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/resolve-insert-placement.mmd) - [解析 Bindiobel Events 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/resolve-studio-bindable-events.mmd) - [解析 Studio Bindable 程序序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/resolve-studio-bindable-props.mmd) - [更新节点InTree序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/update-node-in-tree.mmd) - [上层中层元件序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/upsert-studio-media-asset.mmd) - [上交点 PropBinding 序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/upsert-studio-prop-binding.mmd) - [验证节点布置序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/validate-node-placement.mmd) - [验证项目创建序列](https://npmcn.com/package/%40ankhorage/studio/paradox/diagrams/sequences/validate-project-creation-input.mmd) ## 常见问题 ### @ankhorage/studio 是什么？ Ankhorage 应用程序的工作室编写软件包 ### 如何安装 @ankhorage/studio？ 在项目目录运行 npm install @ankhorage/studio，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：expo（57\.0\.31）、react（19\.2\.3）、react-dom（19\.2\.3）、expo-router（~57\.0\.29）、react-native（0\.86\.x）、expo-constants（~57\.0\.22）、expo-status-bar（~57\.0\.1）、react-native-web（~0\.21\.3）、react-native-screens（~4\.26\.0）、react-native-worklets（0\.10\.1）、react-native-reanimated（4\.5\.1）、react-native-gesture-handler（~2\.32\.0）、react-native-safe-area-context（~5\.7\.0）、@react-native-vector-icons/ionicons（^13\.1\.4 \|\| ^14\.0\.0）、@react-native-vector-icons/fontawesome（^13\.1\.4 \|\| ^14\.0\.0）、@react-native-vector-icons/fontawesome5（^13\.1\.4 \|\| ^14\.0\.0）、@react-native-vector-icons/fontawesome6（^13\.1\.4 \|\| ^14\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @ankhorage/studio 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @ankhorage/studio 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @ankhorage/studio 可以商用吗？ @ankhorage/studio 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @ankhorage/studio 的下载量有多少？ 根据 npm 官方下载统计，@ankhorage/studio 在 2026/10/06 – 2026/11/04 这 30 天内被下载 7,565 次，日均约 252 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @ankhorage/studio 还在维护吗？ 最新版本 8\.0\.18 发布于 2026/11/05（今天）；至今共发布 296 个版本，其中过去 12 个月发布了 296 个；首次发布于 2026/07/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。