环境配置
本地环境
.ts
文件不能直接在浏览器或 Node.js 中运行,需要先编译为 .js
。通常建议在项目内安装编译器并通过脚本调用,保证多人协作和 CI 使用一致的版本。
tsc 的安装与使用
tsc 是 typescript compiler
的缩写,即 ts 的编译器。
# 以 pnpm 为例,添加本地依赖
pnpm add -D typescript
# 初次使用时生成 tsconfig
npx tsc --init
# 查看编译器版本
npx tsc -v
# 编译单个文件
npx tsc demo.ts && node demo.js
# 或在项目内执行一次全量编译(受 tsconfig 包含规则控制)
npx tsc
bash
建议在
package.json
中封装脚本,例如"build:ts": "tsc -p tsconfig.json"
,避免依赖全局安装。
如果你希望直接运行 TypeScript 文件(脚本或开发调试),可以配合运行时编译工具:
pnpm add -D ts-node
# 或选择更轻量的运行器
pnpm add -D tsx
# 无需全局安装,使用 npx 调用
npx ts-node demo.ts
npx tsx demo.ts
bash
线上环境
示例扩展(保留旧命令行流程)
以下命令来自旧版笔记,适合快速体验全局 tsc
:
npm install typescript -g
tsc -v
echo "console.log('Hello ts!')" > demo.ts
tsc demo.ts && node demo.js
# 将当前目录下所有 .ts 文件编译为同名 .js
tsc *.ts
npm install ts-node -g
ts-node demo.ts
bash
虽然现代项目建议使用本地依赖与脚本管理,但这些命令有助于对比早期工作流并复现笔记中的练习过程。
↑