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 调试这些东西,下面这些资源也别错过:
- electron-typescript-webpack-vscodedebug
- ts-tdd-jest: 带 Jest 的 TDD + TypeScript
- Webpack 4 + React + Redux + Jest
- Jest 与 Webpack 集成测试
- TypeScript 项目整合 ESLint, Prettier, Jest 实例
如果你想尝试自己写一个无框架的小站,不妨从 fanaro.io 这套流程借点思路来用。
166.2MB
文件大小:
评论区