如何初始化 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
相关推荐
砚底藏山河31 分钟前
python、JavaScript 、JAVA,定制化数据服务,助力业务高效落地
java·javascript·python
11_x37 分钟前
JS 底层:乖宝宝引擎和乖宝宝声明
javascript
flex罗小黑38 分钟前
前端手机号脱敏的 4 个层级,你在第几层?
javascript
孙69034242 分钟前
electron播放本地任意格式的视频
前端·javascript
openKaka_1 小时前
reconcileChildren 深入:React 如何根据 ReactElement 构建子 Fiber
前端·javascript·react.js
zithern_juejin1 小时前
typeof、instanceof与Object.prototype.toString()
javascript
Highcharts.js2 小时前
Highcharts React v5升级三问|最大的升级方向是什么?需要注意什么?有什么优化?
前端·javascript·react.js·前端框架·highcharts·大数据渲染·前端性能
129y2 小时前
JS入门参考:引擎、作用域与let/const,一起慢慢理解~
javascript
代码煮茶2 小时前
Vue3 权限系统实战 | 从 0 搭建完整 RBAC 权限管理
前端·javascript·vue.js
前端小木屋2 小时前
Node基础入门
javascript·node.js