免费可商用，threejs 国产开源三维可视化工具，快速交付 3D 数字孪生 IoT 物联网项目

文末联系小编，获取项目源码

TvT.js 是一款国产永久开源、免费商用的三维可视化快速搭建工具，通过封装 ThreeJS + Vue3.x + Tres.js 复杂性，致力于为开发者提供一个简便而强大的框架，以快速搭建物联网设备 3D 数字孪生应用，助力智能监控、远程运维项目快速落地。

• 🎲 ThreeJS 大名鼎鼎的基于浏览器渲染，JavaScript 语言的 3D 库。

• 🍀 Vue3.x 易学易用，性能出色，适用场景丰富的 Web 前端框架。

• ⚡ TresJS npm package使用 Vue3.x 组件实现声明式的 ThreeJS，做属于前端的三维项目。

• 🌈 FesJS 集成封装项目落地的常用库：图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。

• 🛒tvtStore 丰富的插件应用市场，包含各式各样的项目场景和功能。

tvt.js 项目案例

tvt.js 项目部署

TvT.js 遵循 约定优于配置 的原则，一个基础的 TvT.js 项目大致是这样的：

icegl-three-vue-tres├── package.json// 打包配置文件├── tsconfig.json// vite配置文件├── .fes.js// Fes.js配置文件 [ 项目基本 ]├── .fes.predev.js// Fes.js配置文件 [ 预览模式 ]├── .env// 环境变量 [ 项目基本 ]├── .env.predev// 环境变量 [ 预览模式 ]├── index.html// 项目入口html文件├── README.md// 项目说明文档├──pluginMaker// 插件管理工具├──patches// node依赖补丁包├── public├── plugins// 插件内所依赖的静态资源└── logo.png└── src    ├── .fes// 项目调试和编译的过程目录文件，自动生成无需管理    ├── common// 项目通用js / ts类├── components// 项目通用vue组件├── models// 项目通用数据和状态管理类└── pages// 项目通用页面 -- 在任意模式自动把此目录下所有vue文件加入到默认路由中└── index.vue// 项目调试下的首页vue文件├── plugins// 插件目录 -- 只在预览模式下自动包含的文件和路由，项目模式下则只包含所依赖的├── basic// 其中一个插件，其中目录文件详情，将在[插件]章节介绍└── preview.vue // 预览模式下的首页vue文件├── global.less// 整体css样式    └── app.jsx// 运行时配置文件，扩展运行时的能力，比如修改路由等// 其余文件// .npmrc .eslintrc.js .editorconfig .prettierrc.js .gitignore babel.config.json ...

# 若是您刚了解 icegl-three-vue-tres 那么使用如下 预览调试# 预览调试 : 包含原生功能和已安装的样例和插件预览模式yarn pre.dev# 预览编译 用于预览的展示，给项目参与者和插件开发者使用yarn pre.build# 若您已相对了解本项目 那么使用如下 调试自己得工程项目# 它将专注于您自己构建的项目，只包含您引用的插件相关内容，而不包含与项目无关的路由和插件yarn dev# 项目打包：除了自己项目引用的插件部分组件，其余一律不打包，您可以手动去除public不用的素材yarn build# 特殊需求:单插件/案例# 若您只想针对一个案例/插件进行调试，请使用如下命令yarn pre.dev.one#它只展示某一个案例/插件# 若您只想针对一个案例/插件进行打包，请使用如下命令yarn pre.build.one #它针对某一个案例/插件打包，会根据配置下的依赖插件项保留资源，其余资源删除## ---↓ 以上单插件/案例配置 ↓---#文件：.env.predev.one 中的 FES_APP_PLSNAME=\'xxx\' #对应的打包插件名#文件：src\\plugins\\xxx\\config.js 中的require: [\'UIdemo\',\'industry4\'] #xxx插件对应依赖的案例/插件名称## ---↑ 以上单插件/案例配置 ↑---# 扩展# 同时启动 dev 和 pre.dev 可以边调试自己得项目，边对照移植样例和插件yarn both

开源项目地址: 

https://gitee.com/ice-gl/icegl-three-vue-tres

如有源码采购和项目交付需求，请扫码联系小编，微信号: beacon0418

往期推荐

乐鑫ESP32+豆包智能AI聊天机器人

Arduino 开源 ESP32 智能手表

源码交付 IoT智慧水务、污水处理

90元DIY基于DeepSeek智能AI 腕表

100元搞定智能AI骑行码表

上班摸鱼, 智能AI 监控老板行踪

这苦逼的IoT物联网我竟坚持了十年

免责声明：本公众号所发布的内容来源于互联网，我们会尊重并维护原作者的权益。由于信息来源众多，若文章内容出现版权问题，或文中使用的图片、资料、下载链接等，如涉及侵权，请告知我们，我们将尽快处理。