Featured image of post 【Node.js + TypeScript】学习笔记

【Node.js + TypeScript】学习笔记

系统性学习记录 Node.js + TypeScript,包含环境配置、基础用法、实践案例、问题解决与开发技巧

【Node.js + TypeScript】实操笔记

1. 简单介绍

  • Node.js 是基于 V8 引擎的 JavaScript 运行环境,可在服务器端执行 JS/TS
    • nvm 是 Node 版本管理工具,方便切换不同项目的 Node 版本
    • pnpm 是高效的包管理器,替代 npm/yarn,节省磁盘空间和安装时间
  • TypeScript 是 JavaScript 的超集,提供类型系统和编译时检查
  • 常见应用场景:Web 后端服务、CLI 工具、前端构建工具、插件化平台

2. 前置技术依赖

  • 熟悉 JavaScript 基础语法
  • 对 Linux / WSL2 命令行基础了解

3. 环境配置

  • 系统环境:Windows + WSL2(推荐 Linux 内核一致性)
  • Node 版本管理:nvm 安装 Node,切换版本
  • 包管理器:推荐 pnpm,安装与验证:

  • VS Code 配置

    • 安装 Remote-WSL 插件
    • 安装 TS / Node 插件,启用自动类型提示

4. 基础用法

4.1 Node.js 基础

4.1.1 Node.js 安装与基于 nvm 的版本管理

4.1.1.1 Node.js 安装
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14



---

## 5. 实践案例

* **搭建小型 API 服务**

  ```ts
  import express, { Request, Response } from 'express';
  const app = express();
  app.get('/ping', (req: Request, res: Response) => res.send('pong'));
  app.listen(3000, () => console.log('Server running on port 3000'));
  • Docker 容器化运行

    1
    2
    3
    4
    5
    6
    
    FROM node:18-alpine
    WORKDIR /app
    COPY package.json pnpm-lock.yaml ./
    RUN npm install -g pnpm && pnpm install
    COPY . .
    CMD ["npx", "ts-node", "src/index.ts"]
    
  • 实践经验

    • 使用 pnpm 速度快、占用少
    • 在 WSL2 中开发,Docker 与 Linux 环境一致

6. 常见问题与解决办法


7. Tips


8. 参考资料

潇洒人间一键仙
使用 Hugo 构建
主题 StackJimmy 设计