Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让 JavaScript 可以在服务器端运行,而不仅仅局限于浏览器。TypeScript 本身不能直接运行。它需要先编译成 JavaScript,再通过 Node.js 执行。两者的依赖链条非常清晰:
- 编写 TypeScript 代码 (.ts 文件)
- 编译为 JavaScript 代码 (.js 文件)
- Node.js 运行 JavaScript
具体来说,Node.js 为 TypeScript 提供了两个关键支撑:
- 运行环境:Node.js 是 JavaScript 的服务器端运行时,编译后的 .js 文件必须通过 Node.js 才能执行(比如 node dist/index.js)。
- 工具链基础:TypeScript 的编译器(tsc)、包管理(npm/yarn)都依赖 Node.js 环境 —— 你之前安装 typescript 包时用的 npm install,本质就是 Node.js 的包管理命令。
TS Quick Start
下面是安装 Node.js 的步骤:
-
访问 nodejs.org,下载 LTS (长期支持) 版本
-
安装时勾选 “Add to PATH”
-
验证安装:
node -v npm -v
安装 tsx 实现热更新(推荐)
npm install -D tsx
在 package.json 添加脚本:
"scripts": {
"dev": "tsx watch src/index.ts",
"build": "tsc",
"start": "node dist/index.js"
}
运行开发模式:
npm run dev
这样修改 src/index.ts 后会自动重新运行。
建立第一个 TS 项目
-
mkdir ts-demo:创建项目文件夹 -
cd ts-demo -
npm init -y:初始化 npm 项目,执行后会生成package.json文件 -
npm install -D typescript:安装 TypeScript(建议本地安装,这样不同项目可以使用不同版本的 TS) -
npx tsc --init:生成 TypeScript 配置文件(tsconfig.json),建议修改以下几个常用配置:{ "compilerOptions": { "target": "ES2020", "module": "NodeNext", "strict": true, "esModuleInterop": true, "skipLibCheck": true, "outDir": "dist" }, "include": ["src/**/*"] } -
创建
src/index.ts:function sayHello(name: string) { console.log(`Hello, ${name}!`); } sayHello("TypeScript"); -
编译:
npx tsc,编译后的文件会在dist/目录下 -
运行:
node dist/index.js,输出 Hello, TypeScript!
语言特性
字符串运算符
+ 运算符可以拼接两个字符串,查看以下实例:
const msg:string = "Hello, "+"World!"
// output: Hello, World!
console.log(msg)