如何初始化 TypeScript + Node.js 项目

一、先初始化项目(第一步必做)

bash 复制代码
# 1. 创建文件夹并进入 
mkdir ts-node-demo 
cd ts-node-demo 
# 2. 初始化 package.json 
npm init -y

二、安装核心依赖(TypeScript + 运行工具)

bash 复制代码
#开发依赖
npm i -D typescript ts-node nodemon @types/node
#安装express
npm i express
npm i -D @types/express

依赖说明

  • typescript:TS 核心编译器
  • ts-node:直接运行 TS 文件,不用手动编译成 JS
  • nodemon:文件修改自动重启
  • @types/node:Node.js 的 TS 类型定义
  • @types/express:Express 的 TS 类型(用 Express 才装)

三、生成 TS 配置文件 tsconfig.json(最关键)

方法 1:自动生成(推荐)

csharp 复制代码
npx tsc --init

方法 2:直接复制配置

直接在根目录新建 tsconfig.json ,复制下面内容,零配置直接用

json 复制代码
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "CommonJS",
    "rootDir": "./src",        // 你的 TS 源码都放这里
    "outDir": "./dist",       // 编译后的 JS 输出到这里
    "strict": true,           // 开启严格模式(企业必须开)
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*"],    // 包含 src 下所有文件
  "exclude": ["node_modules"] // 排除依赖
}

四、配置启动脚本(package.json)

打开 package.json,把 scripts 替换成:

json 复制代码
"scripts": {
  "dev": "nodemon src/index.ts",   // 开发模式(热重启)
  "build": "tsc",                  // 编译 TS → JS(生成 dist 文件夹)
  "start": "node dist/index.js"    // 生产运行(上线用)
},

五、创建源码目录 + 测试文件

  1. 创建文件夹 src
  2. src 里新建 index.ts
typescript 复制代码
// src/index.ts
console.log("Hello TypeScript + Node.js 🚀")

// 测试 TS 类型
const sum = (a: number, b: number): number => {
  return a + b
}

console.log(sum(10, 20))

六、运行测试

arduino 复制代码
npm run dev
相关推荐
酉鬼女又兒2 小时前
零基础快速入门前端DOM 元素获取方法详解:从代码到实践(可用于备赛蓝桥杯Web应用开发)
前端·javascript·职场和发展·蓝桥杯·js
吴声子夜歌2 小时前
JavaScript——JSON序列化和反序列化
开发语言·javascript·json
金豆呀2 小时前
WPS自定义公式,相似度匹配
前端·javascript·wps
小小张自由—>张有博3 小时前
【深度解析】从 claude 命令到 cli.js 的完整执行链路
开发语言·javascript·ecmascript
大家的林语冰3 小时前
TypeScript 6 官宣,JS “最后之舞“,版本升级踩雷指南
前端·javascript·typescript
爱学习的程序媛3 小时前
【WebRTC】呼叫中心前端技术选型:SIP.js vs JsSIP vs Verto
前端·javascript·typescript·音视频·webrtc·实时音视频·web
Amumu121383 小时前
Js: ES新特性(一)
开发语言·前端·javascript
方安乐4 小时前
ESLint代码规范(一)
前端·javascript·代码规范
酉鬼女又兒4 小时前
零基础快速入门前端JavaScript Array 常用方法详解与实战(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·chrome·蓝桥杯