fanaro.io TypeScript极简开发实践

fanaro.io 的纯手工 TypeScript 项目挺有意思。没有用任何框架,靠 HTML、CSS 和 TypeScript 硬撸出一个 Angular 味的站点。开发流程也比较极客,用 VS Code 开四个终端来跑测试、打包、编译,一边写一边看结果,效率还挺高。

TypeScript 的编译直接用tsc -w,代码一变马上能看到效果。测试用的是Jest,命令也简单:npm t --watch,看着挺方便的。如果你写 TypeScript 项目,想搭个轻量的环境,不想引入框架,那这套方式可以试试。

哦对了,他还做了一些目录整理,比如docs/index.html,用来观察页面变动。也没用什么复杂的 dev server,全靠本地静态文件,干净利落。

整体风格有点“极简硬核”,更偏向玩技术的思路。如果你也喜欢这种无框架、全栈自理的开发方式,可以逛逛这个站点,顺手学点 TypeScript + Webpack 的组合技。

如果你刚好在折腾Webpack、Jest、VS Code 调试这些东西,下面这些资源也别错过:

如果你想尝试自己写一个无框架的小站,不妨从 fanaro.io 这套流程借点思路来用。

zip 文件大小:166.2MB