Notes-App-Dev TypeScript构建示例项目

全局装的 TypeScript、Gulp,还有已经不太常见的 TSD,notes-app-dev 的配置看着就挺“老派”的,但该有的全都有,挺适合学习 TypeScript 项目结构和构建流程。

前端项目的自动化工具用的是 Gulp,任务配置都写在 gulpfile.js 里。比如想跑构建任务,直接 gulp 一下就行。虽然现在流行 Viteesbuild,但 Gulp 还是蛮适合做定制化流程的。

依赖管理靠的是 npm,安装方式也简单,运行npm install就能拉下项目里的依赖包。注意哦,有些全局工具像 gulptsd 需要全局装一遍:npm install -g gulp tsd typescript

TypeScript 在项目里主要负责开发体验,类型检查、防止低级错误,用起来就知道舒服在哪儿了。你写个接口或者函数签名,编辑器提示立马就来,效率高还不容易踩坑。

TSD 现在已经不怎么用了,它是用来装 .d.ts 类型定义文件的,换成 @types 更靠谱。不过你要了解老项目或者研究下类型声明怎么工作的,看看 TSD 也挺有参考价值。

源码目录名是 notes-app-dev-master,看名字就是从 Git 上下的稳定版。结构不复杂,适合跑一遍熟悉流程,比如怎么写 Gulp 任务、怎么用 TypeScript 写模块化代码等等。

如果你正在学 TypeScript 或准备给 Node 项目加点构建自动化,这个项目蛮值得一试。启动门槛低,多配置你一看就懂,跑通一遍思路也就顺了。

zip 文件大小:55.9KB