ts_practice TypeScript练习项目
TypeScript 的练手项目还挺多的,但ts_practice
这个资源对新手友好,内容全、操作简单,练起来没什么负担。TS 其实就是 JS 的超集,写起来跟 JS 差不多,但多了类型检查,开发体验提升不少,尤其项目一复杂,提示贼香。
TS 不能直接跑浏览器,所以得先编译成 JS。先全局装下 typescript
:npm i typescript -g
。装过了也没事,加个--force
就能覆盖更新。用tsc --init
生成配置文件,tsc
命令能把整个目录的.ts
文件都编译一遍,挺方便的。
想更丝滑点?加上--watch
参数,边写边编译,改一行立马见效果。要在 VSCode 直接跑.ts
,装个 Code Runner 插件就搞定。你也可以装ts-node
:npm install ts-node -g
,直接跑 TS,不用每次手动编译。
如果你在意打包流程,推荐用 rollup 搭配 TypeScript,命令也不复杂:
npm install rollup typescript rollup-plugin-typescript2 @rollup/plugin-node-resolve rollup-plugin-serve -D
再配置一下就能愉快地开发了,适合组件库、工具库那种小而精的项目。
另外,有不少相关的实战项目你也可以参考:
如果你是刚开始用 TS,或者想整合到自己的小项目里,不妨试试看这个资源,能省不少折腾时间。
ts_practice-master.zip
预估大小:19个文件
ts_practice-master
文件夹
.gitignore
214B
package.json
509B
src
文件夹
4.函数.ts
1KB
declare.d.ts
99B
9.内置类型.ts
1KB
1.基础类型.ts
2KB
6.类.ts
3KB
3.断言.ts
666B
15.58KB
文件大小:
评论区