两种安装TypeScript的指令区别

npm install typescript --save-dev 与 npm -g install typescript 的区别

一、安装位置

命令	安装位置	说明
npm install typescript --save-dev	项目本地 node_modules	仅在当前项目目录下生效
npm -g install typescript	全局系统目录	所有项目共享（路径可通过 npm config get prefix 查看）

---

二、对 package.json 的影响

--save-dev

• 将 typescript 写入 devDependencies 字段，标记为 ‌开发环境依赖‌（如构建、测试工具）。
• 执行 npm install 时自动安装该依赖。
• 执行 npm install --production 时 ‌不安装‌。

-g（全局安装）

• 完全不会修改 package.json，依赖项 ‌不参与项目协作共享‌。

---

三、适用场景

场景	推荐命令	原因
项目内开发使用 TypeScript	npm install typescript --save-dev	确保团队协作时开发环境依赖一致，且不污染生产环境
全局使用 TypeScript CLI 工具	npm -g install typescript	需在任意目录调用 tsc 命令（如单文件编译）

---

四、环境依赖对比

参数	依赖类型	生产环境是否包含	典型用例
--save-dev	开发依赖	否	构建工具（Webpack）、测试框架（Jest）
-g	无记录	无关	全局命令行工具（如 vue-cli）

---

总结

• ‌协作开发‌：优先使用 --save-dev，确保 devDependencies 完整记录开发依赖。
• ‌独立工具‌：选择 -g 安装，避免重复占用项目空间。
• ‌生产部署‌：通过 npm install --production 可自动忽略 devDependencies 依赖。