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 项目
(1) mkdir ts-demo:创建项目文件夹
(2) cd ts-demo
(3) npm init -y:初始化 npm 项目,执行后会生成 package.json 文件
(4) npm install -D typescript:安装 TypeScript(建议本地安装,这样不同项目可以使用不同版本的 TS)
(5) npx tsc --init:生成 TypeScript 配置文件(tsconfig.json),建议修改以下几个常用配置:
{
"compilerOptions": {
"target": "ES2020",
"module": "NodeNext",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"outDir": "dist"
},
"include": ["src/**/*"]
}
(6) 创建 src/index.ts:
function sayHello(name: string) {
console.log(`Hello, ${name}!`);
}
sayHello("TypeScript");
(7) 编译:npx tsc,编译后的文件会在 dist/ 目录下
(8) 运行:node dist/index.js,输出 Hello, TypeScript!
语言特性
字符串运算符
+ 运算符可以拼接两个字符串,查看以下实例:
const msg:string = "Hello, "+"World!"
// output: Hello, World!
console.log(msg)