TS 运行环境

1、TS Playground（在线）

TS Playground 是一个在线 TypeScript 编辑器，它允许你编写、共享和学习 TypeScript 代码。

2、Stackblitz（在线）

StackBlitz 是面向web开发人员的基于浏览器的协作IDE。StackBlitz消除了耗时的本地配置，让开发人员花更多的时间进行构建。

3、codesandbox.io（在线）

CodeSandbox 是一个基于云的开发平台，允许开发者在任何设备上快速创建、协作和发布任何规模的项目。 它提供了一个用于前端开发完整的代码编辑器体验和沙盒环境。

4、Vite（本地编辑+浏览器）

4.1、初始化本地TS项目

pnpm create vite my-ts --template vanilla-ts

4.2、运行项目

cd my-ts
pnpm install
pnpm run dev

 4.3、修改项目代码实现实时生效

5、ts-node（本地）

5.1、安装 ts-node

npm install -g ts-node

5.2、执行 ts 文件

ts-node ./a.ts

 6、swc-node（本地）

swc-node 能够让node运行TS代码，swc-node 的运行速度快于ts-node，且不检查 TS 语法。

6.1、安装 swc-node

npm i -D @swc-node/register

6.2、执行 ts 文件

node -r @swc-node/register a.ts

 7、@esbuild-kit/esm-loader（本地）

7.1、安装 @esbuild-kit/esm-loader

npm install --save-dev @esbuild-kit/esm-loader

 7.2、执行 ts 文件

node --loader @esbuild-kit/esm-loader ./file.ts

8、esno（本地）

增强的 Node.js 运行时，使用 esbuild 加载 TypeScript 和 ESM

8.1、直接使用

npx esno hello.ts

8.2、全局安装

npm i -g esno

esno index.ts

8.3、作为依赖安装

npm i esno

{
  "scripts": {
    "start": "esno index.ts"
  },
  "dependencies": {
    "esno": "*"
  }
}

原文地址：https://blog.csdn.net/liangshanbo1215/article/details/142412733

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！