Three.js TypeScript模板

three.js 项目的 TypeScript 模板,用起来还挺顺手的,适合喜欢自己折腾环境配置的朋友。用的是Grunt打包,虽然现在主流是 Webpack 或者 Vite,但老 Grunt 也不是不能用,是熟悉它的同学,配置上手还挺快。

npm install完之后直接grunt setup,开个本地服务,访问dest/index.html就能跑起来。要是你装了 Chrome,还能直接用grunt connect打开,方便。

里面还用了tsd来管理 TypeScript 定义文件,虽然现在都用npm @types,但 tsd 也算是老工具了,配合tsd query --action install --resolve --save --config conf/tsd.json这条命令,还是能跑得顺。

说实话,用这个模板能帮你省去不少项目初始化的时间。适合需要快速搭建 three.js+TypeScript 环境,又不想一开始就搞太多 Webpack 配置的场景。

如果你比较习惯 Webpack 的方式,可以顺便看看这个threejs-typescript-webpack-starter,风格更现代一些;或者你是搞游戏的,也可以看看ts-game

,这个模板不花哨,但挺实用。如果你就是想赶紧跑起来写 three.js 代码,这套流程基本一步到位。

zip 文件大小:7.83KB