Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让 JavaScript 可以在服务器端运行,而不仅仅局限于浏览器。TypeScript 本身不能直接运行。它需要先编译成 JavaScript,再通过 Node.js 执行。两者的依赖链条非常清晰:

  1. 编写 TypeScript 代码 (.ts 文件)
  2. 编译为 JavaScript 代码 (.js 文件)
  3. Node.js 运行 JavaScript

具体来说,Node.js 为 TypeScript 提供了两个关键支撑:

  1. 运行环境:Node.js 是 JavaScript 的服务器端运行时,编译后的 .js 文件必须通过 Node.js 才能执行(比如 node dist/index.js)。
  2. 工具链基础:TypeScript 的编译器(tsc)、包管理(npm/yarn)都依赖 Node.js 环境 —— 你之前安装 typescript 包时用的 npm install,本质就是 Node.js 的包管理命令。

TS Quick Start

下面是安装 Node.js 的步骤:

  1. 访问 nodejs.org,下载 LTS (长期支持) 版本

  2. 安装时勾选 “Add to PATH”

  3. 验证安装:

    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)