TypeScript ts-node 怎么配置

在前端开发里，咱们写代码经常会遇到“写的代码跑不起来”的问题——比如用了新的语法特性，老工具不认。这时候，TypeScript（简称TS）和ts-node就能帮上大忙。很多人刚接触TS时，会卡在“怎么把TS代码直接跑起来”的配置上，今天就用生活化的例子，把这个配置讲明白。

先想个日常场景：你平时用普通记事本（对应JS）写购物清单，能直接看；但如果用带分类、算折扣功能的笔记本（对应TS），得先把分类、折扣的规则理清楚，才能用。TS就是那个带额外规则的笔记本，而ts-node就是“不用把规则抄回普通记事本，直接用这个笔记本查看内容”的工具。

要配置这俩，不用搞复杂的命令，跟着步骤走就行。

第一步：先搭好“笔记本”和“查看工具”

就像你得先买到笔记本和对应查看的笔，得先装需要的包。打开你的项目文件夹（就当是你放购物清单的抽屉），在终端里敲两行命令：

第一行装TypeScript的核心包，相当于买那个带规则的笔记本：npm install typescript --save-dev

第二行装ts-node，也就是那个能直接读TS的查看工具：npm install ts-node --save-dev

别用全局装哦，就像把东西放自己抽屉比放公共柜子方便，项目本地装更灵活。

第二步：给“笔记本”写规则

TS的笔记本不是随便用的，得先写个配置文件告诉它“你要遵守哪些规则”。这个文件叫tsconfig.json，相当于笔记本的目录说明。

怎么生成？在终端里再敲一行：npx tsc --init，它会自动在项目里生成这个文件。

打开这个文件，不用改全内容，改两个关键的地方就行：

第一个是target，就说“你要把TS转成哪种能运行的语言”——比如你电脑的浏览器能看懂ES6，就把"target": "ES6"改成这个；

第二个是module，这是说“代码里用的模块怎么处理”，平时写项目用CommonJS的话，就设成"module": "CommonJS"。

举个例子：你写了个function calculateDiscount(price: number) { return price * 0.8 }，target设成ES6后，TS就知道要把number这类类型规则保留，同时转成浏览器能认的JS语法。

第三步：直接“查看”你的TS代码

装好了工具、写了规则，现在就能跑TS代码了。比如你在项目里建个test.ts文件，写一行：console.log('TS代码直接跑起来啦！')

在终端里敲：npx ts-node test.ts，回车就能看到终端输出那句话——这就是ts-node的作用：不用先转成JS，直接执行TS代码。

要是想把TS转成JS文件存下来，再加一步npx tsc，它会自动生成JS文件，就像把笔记本里的内容抄成普通记事本的内容，方便分享给看不懂TS的人。

最后补个常见的小问题：要是敲命令提示“找不到ts-node”，别慌，就像笔没放进抽屉，试试把npx去掉，改成./node_modules/.bin/ts-node test.ts，就能找到工具了。

其实这个配置核心就是“先装工具包、给TS定规则、用ts-node跑代码”，就像买了专用笔记本，写好使用说明，直接用配套笔就能看内容，没有那么复杂。