[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8795":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":15,"starSnapshotCount":15,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},8795,"three-vue-tres","hawk86104\u002Fthree-vue-tres","hawk86104","🎉一款让你的三维可视化项目快速落地的开源框架，天然具备良好的跨平台与🎊国产化适配能力 支持低代码编辑器、Web \u002F 小程序 \u002F App 全端部署，永久免费商用。 融合数字孪生、三维可视化（WebGL \u002F WebGPU \u002F three.js \u002F tres.js \u002F tvt.js），并扩展 AI 能力（Skills \u002F OpenSpec），助力智能化场景快速构建 🚀","https:\u002F\u002Fhawk86104.github.io",null,"Vue",2290,168,8,0,13,49,3,28.68,"Apache License 2.0",false,"master",true,[25,26,27],"cesium","three","webgl","2026-06-12 02:01:58","# Three-Vue-Tres 🧳🧳🧳 TvT.js 🧳🧳🧳\nA Vue 3 wrapper for Three.js using TresJS for building interactive 3D scenes.\n\n文档说明(语言)：[简体中文](.\u002FREADME_zh.md) | English\n\n## 🎉🎉🎊 An Open-Source Framework for Rapid 3D Visualization Project Development 🎊🎉🎉\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fhawk86104\u002Fthree-vue-tres\" target=\"_blank\">\n      \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fhawk86104\u002Fthree-vue-tres\" \u002F>\n    \u003C\u002Fa>\n    \u003Cimg alt=\"GitHub last commit\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flast-commit\u002Fhawk86104\u002Fthree-vue-tres\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fhawk86104\u002Fthree-vue-tres\" \u002F>\n    \u003Ca target=\"_black\" href=\"https:\u002F\u002Fgitee.com\u002Fice-gl\u002Ficegl-three-vue-tres\">\n      \u003Cimg src=\"https:\u002F\u002Fgitee.com\u002Fice-gl\u002Ficegl-three-vue-tres\u002Fbadge\u002Fstar.svg?theme=dark\" alt=\"gitee-starts\" \u002F>\n    \u003C\u002Fa>\n      \u003Ca target=\"_black\" href=\"https:\u002F\u002Fgitcode.com\u002Fhawk86104\u002Ficegl-three-vue-tres\">\n      \u003Cimg src=\"https:\u002F\u002Fgitcode.com\u002Fhawk86104\u002Ficegl-three-vue-tres\u002Fstar\u002Fbadge.svg?theme=dark\" alt=\"gitcode-starts\" \u002F>\n    \u003C\u002Fa>\n    \u003Ca target=\"_black\" href=\"https:\u002F\u002Fspace.bilibili.com\u002F410503457\">\n       \u003Cimg alt=\"bilibili\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdynamic\u002Fjson?url=https:\u002F\u002Fapi.bilibili.com\u002Fx\u002Frelation\u002Fstat?vmid=410503457&query=data.follower&color=282c34&label=冰哥B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600\">\n    \u003C\u002Fa>\n    \u003Ca target=\"_black\" href=\"https:\u002F\u002Fspace.bilibili.com\u002F384558900\">\n       \u003Cimg alt=\"bilibili\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdynamic\u002Fjson?url=https:\u002F\u002Fapi.bilibili.com\u002Fx\u002Frelation\u002Fstat?vmid=384558900&query=data.follower&color=282c34&label=地虎B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n```shell\nIf you find this project helpful, please click the \"Star⭐\" button on the top right corner. Your star is my motivation to keep developing. Thank you!\n```\n\n## 面向国产化 \u002F 信创环境 Web三维可视化框架 🇨🇳 🚩\n具体 国产化 描述文档部分，[点击详情](https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Fguide\u002Flocalization.html)\n```shell\n1️⃣ 国产化硬件支持\n2️⃣ 国产操作系统 & 浏览器支持\n3️⃣ 国产化开发 \u002F 部署环境\n- 您完全可以把tvt.js作为国产化三维可视化项目、数字孪生平台的前端技术底座。\n- 我们在所有依赖完全开源的基础上，拥有自主软件知识产权和软件著作权，开源且免费商用。\n```\n\n\u003Ca style=\"display:block;width:800px;max-width:100%;\" href=\"https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1mfCcYeE9E\">\u003Cimg src=\".\u002Fpreview\u002Fbilibili.gif\" alt=\"tres.js webgl three.js\">\u003C\u002Fa>\n\n# Ecosystem `@ThreeJS @Vue3.x @TresJS`\n\n> Produced by icegl. Permanently open-source and free for commercial use. Ongoing updates. Please click \"star⭐\" on the top right corner to follow.\n\nThis project integrates with three major ecosystems:\n\n- 🎠 ThreeJS \\* [Details](https:\u002F\u002Fthreejs.org) A renowned browser-based 3D JavaScript library.\n\n- 🍀 Vue3.x \\* [Details](https:\u002F\u002Fvuejs.org) Easy to learn and use, excellent performance, rich use cases as a web frontend framework.\n\n- ⚡ TresJS \\* [Details](https:\u002F\u002Ftresjs.org) Declarative ThreeJS with Vue3 components for frontend 3D projects.\n\n## 🏥 Preview: [🌏 opensource.icegl.cn](https:\u002F\u002Fopensource.icegl.cn)\n\n- If access is slow, use mirror: [🌏 oss.icegl.cn](http:\u002F\u002Foss.icegl.cn\u002F)\n- If VPN is available, use GitHub Pages mirror: [🌏 https:\u002F\u002Fhawk86104.github.io](https:\u002F\u002Fhawk86104.github.io\u002F)\n- Scan QR code for mini program: \u003Cimg src=\".\u002Fpreview\u002Fminiqr.jpg\" width=\"166\" alt=\"tres.js webgl three.js\">\n\n> 相关技术栈拓扑图 【包含全套项目源码】: \n\u003Ca href=\".\u002Fsrc\u002Fplugins\u002FzoneFreeScene\u002Fpages\u002FfreeTvtStack.vue\">git项目源码地址\u003C\u002Fa>\n\n在线编辑器再次编辑后免费导出源码项目二开 :\n\u003Ca href=\"https:\u002F\u002Fzone3deditor.icegl.cn\u002F#\u002Fplugins\u002Fzone3Deditor\u002Findex?sceneConfig=freeTvtStack\">zone3Deditor页面跳转\u003C\u002Fa>\n\n\u003Ca style=\"display:block;width:800px;max-width:100%;\" href=\"https:\u002F\u002Fopensource.icegl.cn\u002F#\u002Fplugins\u002FzoneFreeScene\u002FfreeTvtStack\">\u003Cimg src=\"https:\u002F\u002Fopensource.icegl.cn\u002Fplugins\u002FzoneFreeScene\u002Fpreview\u002FfreeTvtStack.png\" alt=\"tres.js webgl three.js\">\u003C\u002Fa>\n\n\u003Ctable style=\"border: none; width: 100%; text-align: center;\">\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fzone3deditor.icegl.cn\u002F#\u002Fplugins\u002Fzone3Deditor\u002Findex\">\n        在线三维场景编辑器：[🪅免费导出源码+二次开发 ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneMachinRoom\">\n        智慧机房：[ 编辑器直接落地项目 ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fzone3deditor.icegl.cn\u002F#\u002Fplugins\u002Fzone3Deditor\u002Findex\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpublic\u002Fplugins\u002Fzone3Deditor\u002Fpreview\u002Findex.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneMachinRoom\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\"https:\u002F\u002Fopensource.icegl.cn\u002Fplugins\u002FzoneMachinRoom\u002Fpreview\u002Findex.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneRefiningIndustry\">\n\t\t\t\t炼化智能工厂可视化：[ 编辑器直接落地项目 ]\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n\t\t\t  \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneOfficeFloor\">\n\t\t\t\t智能办公空间：[ 编辑器直接落地项目 ]\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n\n  \u003C\u002Ftr>\n\t\u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Foss.icegl.cn\u002Fp\u002FzoneRefiningIndustry\u002F#\u002Fplugins\u002FzoneRefiningIndustry\u002Findex\" style=\"display:block;max-width:100%;\">\n\t\t\t\t\u003Cimg src=\"https:\u002F\u002Fopensource.icegl.cn\u002Fplugins\u002FzoneRefiningIndustry\u002Fpreview\u002Findex.png\" alt=\"tres.js webgl\">\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n\t\t\t\t\u003Ctd style=\"padding: 10px;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Foss.icegl.cn\u002Fp\u002FzoneOfficeFloor\u002F#\u002Fplugins\u002FzoneOfficeFloor\u002Findex\" style=\"display:block;max-width:100%;\">\n\t\t\t\t\u003Cimg src=\"https:\u002F\u002Fopensource.icegl.cn\u002Fplugins\u002FzoneOfficeFloor\u002Fpreview\u002Findex.png\" alt=\"tres.js webgl\">\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\t\t\u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneLowAltitudeUAV.html\">\n\t\t\t\t无人机组可视化：[ 编辑器直接落地项目 ]\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n\t\t\u003Ctd style=\"padding:10px;font-size:1.2em;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fopensource.icegl.cn\u002F#\u002F#zoneFreeScene\">\n\t\t\t\t低像素炼油厂：[ 免费 ]\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\t\u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\u002FzoneLowAltitudeUAV.html\" style=\"display:block;max-width:100%;\">\n\t\t\t\t\t\t\t\t\u003Cimg src=\"https:\u002F\u002Fcdn.index.icegl.cn\u002Fuploads\u002F20250813\u002F010ead9fa5b3e69f00ad337b039784eb.png?imageMogr2\u002Fthumbnail\u002F600x\" alt=\"tres.js webgl\">\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n\t\t\u003Ctd style=\"padding: 10px;\">\n\t\t\t\u003Ca href=\"https:\u002F\u002Fzone3deditor.icegl.cn\u002F#\u002Fplugins\u002Fzone3Deditor\u002Findex?sceneConfig=freeRefiningIndustry\" style=\"display:block;max-width:100%;\">\n\t\t\t\t\u003Cimg src=\"https:\u002F\u002Fopensource.icegl.cn\u002Fplugins\u002FzoneFreeScene\u002Fpreview\u002FfreeRefiningIndustry.png\" alt=\"tres.js webgl\">\n\t\t\t\u003C\u002Fa>\n\t\t\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n\n```shell\nIf access errors occur due to frequent project updates and builds, please clear browser cache.\n```\n\n\u003Ca href=\"https:\u002F\u002Fopensource.icegl.cn\">\u003Cimg src=\".\u002Fpreview\u002Fp1.gif\" alt=\"three.js tres.js webgl tvt.js\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopensource.icegl.cn\">\u003Cimg src=\".\u002Fpreview\u002Fp2.gif\" alt=\"three.js tres.js webgl tvt.js\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopensource.icegl.cn\">\u003Cimg src=\".\u002Fpreview\u002Fp3.gif\" alt=\"three.js tres.js webgl tvt.js\">\u003C\u002Fa>\n\n\nMore demos are available on the preview page.\n\n# Advantages\n\n- 🌈 Frontend Fundamentals \\* FesJS [Details](https:\u002F\u002Ffesjs.mumblefe.cn) Integrated libraries for icons, i18n, API calls, state management (Vuex\u002FPinia), layout\u002Faccess\u002Froute management.\n\n- 🌠 Write 3D visualization projects just like writing Vue3.x [Details](https:\u002F\u002Ftresjs.org\u002Fguide) Fully supports latest ThreeJS. Use modern Vue3 syntax and TS\u002FJS interchangeably.\n\n```html\n\u003Ctemplate>\n  \u003CTresCanvas window-size>\n    \u003CTresPerspectiveCamera \u002F>\n    \u003CTresMesh>\n      \u003CTresTorusGeometry :args=\"[1, 0.5, 16, 32]\" \u002F>\n      \u003CTresMeshBasicMaterial color=\"orange\" \u002F>\n    \u003C\u002FTresMesh>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n\u003Cscript setup lang=\"ts\">\n  import { useLoop } from '@tresjs\u002Fcore'\n\timport { useTextures } from 'PLS\u002Fbasic'\n\tconst pTexture = await useTextures(['.\u002F**.jpg', '.\u002F**.png'])\n\tconst { onLoop } = useLoop()\n\tonBeforeRender(({ delta }) => {\n\t\t\t\u002F\u002F render loop\n\t})\n\u003C\u002Fscript>\n```\n\n### Please support with: Follow 💛 Like ⭐ Fork👣\n\n# ✅ Quick Start\n\n```js\n1. git clone or download this repo\n2. cd to project root\n3. yarn \u002F\u002F install dependencies [node -v >= 20.18]\n4. yarn pre.dev \u002F\u002F preview debug mode\n5. yarn dev \u002F\u002F project debug mode\n6. yarn pre.build \u002F\u002F build preview\n7. yarn build \u002F\u002F build project\n8. yarn pre.dev.one \u002F\u002F preview a specific example\u002Fplugin\n9. yarn pre.build.one \u002F\u002F build a specific example\u002Fplugin\n10. yarn both \u002F\u002F start dev and pre.dev together\n```\n\n# 📖 Documentation\n\n## User Guide: [🌏docs.icegl.cn](https:\u002F\u002Fdocs.icegl.cn\u002F)\n\u003Ctable style=\"border: none; width: 100%; text-align: center;\">\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Feditor\u002Fthreeeditor.html\">\n        3D Editor: [ 📊Native Editor + Plugin Generator ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Feditor\u002Fgoview.html\">\n        UI Editor: [ 📊GoView Export + Config Import Component ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Feditor\u002Fthreeeditor.html\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\"https:\u002F\u002Fdocs.icegl.cn\u002Feditor.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Feditor\u002Fgoview.html\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002FgoViewPlugin.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Ffrontend\u002Funiapp.html\">\n        uniapp Mini Program Ecosystem: [ One Code, Full Platform Solution ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Fqiankun\u002Fintroduction.html\">\n        Qiankun Micro Frontend: [ Seamless Integration into Existing Projects ]\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Ffrontend\u002Funiapp.html\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.index.icegl.cn\u002Fuploads\u002F20250416\u002Fe4d22f7669b1525f5c927270865c8373.jpg?imageMogr2\u002Fthumbnail\u002F350x\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fdocs.icegl.cn\u002Fdocs\u002Fthree-vue-tres\u002Fqiankun\u002Fintroduction.html\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.index.icegl.cn\u002Fuploads\u002F20250416\u002F0fe9fccaaffd82c2e6baba319a2a1ea0.jpg?imageMogr2\u002Fthumbnail\u002F350x\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n# 🧩 Rich [Plugin Marketplace 🌏tvtstore](https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore)\n#### [🌏www.icegl.cn\u002Ftvtstore](https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore) contains a variety of project scenarios and features. Plugins are a vital part of the ICE community ecosystem. In the marketplace, both complete applications and functional modules are referred to as plugins.\u003Cbr\u002F>\n\u003Ctable style=\"border: none; width: 100%; text-align: center;\">\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\">\n        Plugin Marketplace\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Fp\u002Ftvtdeveloper\">\n        Become an Author & Join Us\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Ftvtstore\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Ftvtstore.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Fp\u002Ftvtdeveloper\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Ffindyou.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n# ❓ Feedback & Support\n\nIf you have any questions while using the platform, feel free to reach out through the following methods:\n\n### Q&A Community: [ICE Graphics Community icegl.cn](https:\u002F\u002Fwww.icegl.cn\u002Fask)\n\n\u003Ca href=\"https:\u002F\u002Fwww.icegl.cn\u002Fask\" style=\"display:block;width:800px;max-width:100%;\">\n\u003Cimg src=\".\u002Fpreview\u002Fask01.png\" alt=\"Graphics Q&A Community\">\u003C\u002Fa>\n\n#### Community Contributors & Experts: [Ask the Experts](https:\u002F\u002Ficegl.cn\u002Fask\u002Fexperts)\n\u003Ca href=\"https:\u002F\u002Ficegl.cn\u002Fask\u002Fexperts.html\" style=\"display:block;width:800px;max-width:100%;\">\n\u003Cimg src=\".\u002Fpreview\u002Fask02.png\" alt=\"Graphics Q&A Community\">\u003C\u002Fa>\n\n### Feel free to join our WeChat and QQ groups. Some groups are already full, but we're always happy to connect and learn WebGL together! Add us on WeChat to join the groups.\n\n\u003Ctable style=\"border: none; width: 60%; text-align: center;\">\n  \u003Ctr>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n        WeChat Mini Program Ecosystem\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n        WeChat Group\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n      \u003Ca href=\"https:\u002F\u002Fqm.qq.com\u002Fq\u002F34V4hTtvbq\">\n        QQ Group: 795714357\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding:10px;font-size:1.2em;\">\n        Official Account: ICE Graphics Community\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Cp style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Fminiqr.jpg\" alt=\"tres.js webgl\">\n      \u003C\u002Fp>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Cp style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Fwx.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fp>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Ca href=\"https:\u002F\u002Fqm.qq.com\u002Fq\u002F34V4hTtvbq\" style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Fqqq.png\" alt=\"tres.js webgl\">\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd style=\"padding: 10px;\">\n      \u003Cp style=\"display:block;max-width:100%;\">\n        \u003Cimg src=\".\u002Fpreview\u002Fwxgzh.jpg\" alt=\"tres.js webgl\">\n      \u003C\u002Fp>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n# ⭐ Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=hawk86104\u002Fthree-vue-tres,hawk86104\u002Fvue3-ts-cesium-map-show&type=Date)](https:\u002F\u002Fstar-history.com\u002F#hawk86104\u002Fthree-vue-tres&hawk86104\u002Fvue3-ts-cesium-map-show&Date)\n\n# ™️ Copyright Information\n\nThis project is released under the Apache 2.0 open-source license, providing free lifetime use and allowing commercial applications.\n\n> If you use this project for commercial purposes, please comply with the Apache 2.0 license and retain the author’s technical support acknowledgment.\n\n-   For secondary development intended for commercial use or open-source competitors, please do not remove or modify the copyright, author statement, or source attribution at the top of the TvT.js source code.\n-   Commercial use is allowed, but secondary open-sourcing and charging for it are prohibited.\n\nThe copyright information of third-party source code and binary files included in this project will be noted separately.\n\nFollow our official WeChat account to receive the latest updates.\n\u003Cp align = \"left\">    \n\u003Cimg src=\".\u002Fpreview\u002Fwxgzh.jpg\" width=\"300\" \u002F>\n\u003C\u002Fp>\n\nCopyright © 2022-2026 by 🧊icegl (https:\u002F\u002Fwww.icegl.cn)\n\nAll rights reserved。\n\n\n","Three-Vue-Tres 是一个基于Vue 3和TresJS的开源框架，旨在加速三维可视化项目的开发。它支持WebGL\u002FWebGPU\u002Fthree.js\u002Ftres.js等技术，提供了低代码编辑器，并能够实现Web、小程序及App全端部署，具备良好的跨平台与国产化适配能力。此外，该框架还融合了数字孪生技术和AI能力（如Skills\u002FOpenSpec），适用于需要快速构建智能化三维场景的应用场合，如智慧城市、工业监控等领域。项目遵循Apache License 2.0许可协议，确保了其在商业环境中的免费使用。",2,"2026-06-11 03:19:47","top_language"]