ts_practice TypeScript练习项目

TypeScript 的练手项目还挺多的,但ts_practice这个资源对新手友好,内容全、操作简单,练起来没什么负担。TS 其实就是 JS 的超集,写起来跟 JS 差不多,但多了类型检查,开发体验提升不少,尤其项目一复杂,提示贼香。

TS 不能直接跑浏览器,所以得先编译成 JS。先全局装下 typescriptnpm i typescript -g。装过了也没事,加个--force就能覆盖更新。用tsc --init生成配置文件,tsc命令能把整个目录的.ts文件都编译一遍,挺方便的。

想更丝滑点?加上--watch参数,边写边编译,改一行立马见效果。要在 VSCode 直接跑.ts,装个 Code Runner 插件就搞定。你也可以装ts-nodenpm install ts-node -g,直接跑 TS,不用每次手动编译。

如果你在意打包流程,推荐用 rollup 搭配 TypeScript,命令也不复杂:

npm install rollup typescript rollup-plugin-typescript2 @rollup/plugin-node-resolve rollup-plugin-serve -D

再配置一下就能愉快地开发了,适合组件库、工具库那种小而精的项目。

另外,有不少相关的实战项目你也可以参考:

如果你是刚开始用 TS,或者想整合到自己的小项目里,不妨试试看这个资源,能省不少折腾时间。

zip
ts_practice-master.zip 预估大小:19个文件
folder
ts_practice-master 文件夹
file
.gitignore 214B
file
package.json 509B
folder
src 文件夹
file
4.函数.ts 1KB
file
declare.d.ts 99B
file
9.内置类型.ts 1KB
file
1.基础类型.ts 2KB
file
6.类.ts 3KB
file
3.断言.ts 666B
file
7.泛型.ts 2KB
file
2.其他类型相关.ts 2KB
file
8.声明文件.ts 450B
file
5.接口.ts 1KB
file
index.ts 230B
file
11.自定义类型.ts 2KB
file
10.其他.ts 1KB
folder
public 文件夹
file
index.html 292B
file
tsconfig.json 6KB
file
rollup.config.js 704B
file
README.md 780B
zip 文件大小:15.58KB