一、tsnode tsc
ts-node是基于tsc編譯器的一款運(yùn)行時(shí)TypeScript編譯器，它允許TypeScript代碼在運(yùn)行時(shí)通過(guò)Node.js環(huán)境直接執(zhí)行。這意味著，無(wú)需先構(gòu)建應(yīng)用程序，因此可以快速進(jìn)行開(kāi)發(fā)和測(cè)試，大大提高了開(kāi)發(fā)效率。
與tsc不同，ts-node可以立即編譯TypeScript代碼并直接在Node.js環(huán)境中運(yùn)行，而無(wú)需經(jīng)過(guò)構(gòu)建或打包等步驟。這個(gè)特性使得我們?cè)陂_(kāi)發(fā)過(guò)程中，可以更加靈活方便的使用TypeScript進(jìn)行快速迭代。
下面是一個(gè)簡(jiǎn)單的使用ts-node的例子:
` $ npm install typescript ts-node --save-dev $ cat <執(zhí)行npx ts-node test.ts命令后，控制臺(tái)將輸出"Hello, ts-node!"，這表明運(yùn)行正確。
二、ts-node.register
ts-node.register允許您通過(guò)注冊(cè)TypeScript導(dǎo)入/導(dǎo)出來(lái)運(yùn)行你的腳本。被注冊(cè)的模塊可以通過(guò)在TypeScript中使用import導(dǎo)入一個(gè)未編譯的.ts文件來(lái)使用，這樣你的代碼就可以在運(yùn)行時(shí)支持TypeScript并具有正確的類(lèi)型檢查。
下面是一個(gè)使用ts-node.register的例子:
` require('ts-node').register({ /* options */ }); require('./main.ts'); `在運(yùn)行這一段代碼之前，需要先將ts-node安裝到本地開(kāi)發(fā)環(huán)境中：npm install ts-node --save-dev。這樣我們就可以使用ts-node.register來(lái)編譯一個(gè)main.ts文件并運(yùn)行它。
需要注意的是，ts-node.register并不適用于在TypeScript編寫(xiě)的模塊之間使用：
` // file1.ts import { f } from './file2'; console.log(f()); // file2.ts export const f = () => 'f'; `想要讓它們能夠相互導(dǎo)入，我們需要使用TypeScript編譯器而不是ts-node.register。
三、ts-node作用
使用ts-node有以下幾個(gè)優(yōu)點(diǎn)：
1、TypeScript代碼可以直接運(yùn)行，無(wú)需編譯– 這意味著你可以一邊寫(xiě)代碼，一邊看到輸出結(jié)果，無(wú)需中斷。
2、自動(dòng)檢測(cè)文件更改 – ts-node會(huì)在文件改變時(shí)自動(dòng)重新編譯它們，重載Node.js模塊。這使得在開(kāi)發(fā)過(guò)程中更加快速，并且可以節(jié)省很多時(shí)間。
3、更好的錯(cuò)誤報(bào)告 – ts-node幫助我們進(jìn)行類(lèi)型檢查，這意味著代碼庫(kù)中的類(lèi)型錯(cuò)誤會(huì)在編譯時(shí)報(bào)告給我們，而不是在運(yùn)行時(shí)發(fā)生異常。
4、支持最新的TypeScript特性 – 由于ts-node是基于tsc編譯器的一種封裝，因此它自然支持TypeScript的所有最新功能和語(yǔ)言特性。
四、ts-node pinus
在開(kāi)發(fā)網(wǎng)絡(luò)應(yīng)用程序時(shí)，ts-node也可以與pinus框架一起使用，以提供類(lèi)似于Express.js的中間件和路由功能。pinus是一個(gè)可擴(kuò)展的分布式游戲服務(wù)器框架，它使用Node.js實(shí)現(xiàn)，并支持TypeScript。
這里有一段簡(jiǎn)單的示例代碼，使用ts-node和pinus創(chuàng)建一個(gè)基本的Web服務(wù)器:
` import * as pinus from 'pinus'; import * as path from 'path'; const app = pinus.createApp(); app.configure('production|development', () => { app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'pug'); app.enable('trust proxy'); }); app.configure('production', () => { app.enable('view cache'); }); app.configure('development', () => { app.disable('view cache'); }); app.get('/', (req, res) => { res.render('index', { title: 'Hey', message: 'Hello there!' }); }); // 啟動(dòng)服務(wù)器 app.start(); `運(yùn)行這段代碼后，在瀏覽器中訪(fǎng)問(wèn)localhost:3000，可以看到一個(gè)簡(jiǎn)單的“Hello World”示例。
五、tsnode替代
ts-node雖然在開(kāi)發(fā)中非常有用，但它并不適用于生產(chǎn)環(huán)境，原因是它會(huì)在執(zhí)行代碼之前即時(shí)編譯TypeScript。這使得在生產(chǎn)環(huán)境中使用它非常低效。因此，在將應(yīng)用程序部署到生產(chǎn)環(huán)境之前，請(qǐng)確保您已使用tsc構(gòu)建應(yīng)用程序。
如果你不想使用ts-node，可以考慮使用其他替代品。例如，nodemon、ts-watch和tsc-watch等工具均可用于實(shí)時(shí)編譯TypeScript代碼。但是如果你想在功能性和易用性方面得到完全的支持，ts-node是一個(gè)不錯(cuò)的選擇。
六、ts-node選取
為什么應(yīng)該使用ts-node？
1、快速編寫(xiě)與實(shí)現(xiàn)
對(duì)于比較小的項(xiàng)目，可以為你省去繁瑣的步驟，這通常情況下包括（通過(guò)TypeScript生成JavaScript文件、運(yùn)行Node.js）等編寫(xiě)與實(shí)現(xiàn)過(guò)程，從而可以更快的實(shí)現(xiàn)你想要的功能。
2、易于使用與調(diào)試
在代碼修改時(shí)間上，我們會(huì)發(fā)現(xiàn)ts-node能夠更快而穩(wěn)定的反應(yīng)代碼變化，因?yàn)樗窃谶\(yùn)行時(shí)實(shí)時(shí)將TypeScript編譯成JavaScript，非常適合開(kāi)發(fā)、調(diào)試以及開(kāi)發(fā)測(cè)試用例環(huán)境。
3、良好的特性匹配
ts-node的特性可以讓我們?cè)趯?xiě)JavaScript時(shí)可以使用TypeScript來(lái)進(jìn)行類(lèi)型的檢查，這對(duì)于代碼的完整性與可讀性都是有很好的效果的，同時(shí)它也能為我們提供很好的代碼提示，效果更加明顯。
七、總結(jié)
通過(guò)這篇文章我們?cè)敿?xì)討論了ts-node的一些核心特性，包括tsnode tsc, ts-node.register, ts-node作用, ts-node pinus, ts-node替代, ts-node選取。在很多情況下，ts-node可以為我們的項(xiàng)目提供非常方便的使用和更好的編碼效率，如果你已經(jīng)在使用TypeScript，推薦你使用ts-node來(lái)實(shí)現(xiàn)功能。
代碼實(shí)例
$npm install ts-node --save-dev
// index.ts (TypeScript)
import * as Koa from 'koa';
import * as KoaRouter from 'koa-router';
const app = new Koa();
const router = new KoaRouter();
router.get('/', async (ctx) => {
ctx.body = 'Hello World!';
});
app.use(router.routes()).use(router.allowedMethods());
app.listen(3000);
// 運(yùn)行應(yīng)用程序
$ts-node index.ts
京公網(wǎng)安備 11010802030320號(hào)