Node.js 与 npm：现代开发的发动机

Node.js 是什么

简单说：Node.js 让你能在电脑上运行 JavaScript，而不是只能在浏览器里。

有了 Node.js，就可以：

• 启动本地开发服务器
• 运行构建工具
• 写后端接口
• 安装各种工具包

安装 Node.js

1. 打开 https://nodejs.org
2. 下载 LTS 版本（长期支持版，最稳定）
3. 安装（一路下一步）

验证是否安装成功：

node -v     # 显示版本号就对了
npm -v      # npm 是 Node 自带的包管理工具

npm：项目的”应用商店”

npm 就像一个巨大的代码库超市，里面有几十万个免费的工具包（叫做”包”或”package”）。

你需要什么，npm 几乎都有：

需求	npm 包	安装命令
本地服务器	live-server	npm install live-server
CSS 框架	tailwindcss	npm install tailwindcss
日期处理	dayjs	npm install dayjs
HTTP 请求	axios	npm install axios
图标库	lucide	npm install lucide

package.json：项目的”身份证”

每个项目都有一个 package.json 文件，记录：

• 项目名称和版本
• 依赖了哪些包
• 有哪些可运行的脚本

一个典型的 package.json：

{
  "name": "my-project",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "dependencies": {
    "vue": "^3.5.0"
  },
  "devDependencies": {
    "vite": "^6.0.0"
  }
}

dependencies vs devDependencies

类型	用途	示例
dependencies	运行时需要的包	Vue、Axios
devDependencies	开发时需要的包	Vite、ESLint

node_modules：包的家

当你运行 npm install，所有下载的包都存在 node_modules 文件夹里。这个文件夹通常很大，不需要上传到 GitHub（已经在 .gitignore 里默认忽略了）。

日常使用流程

# 1. 克隆 / 创建项目后，先安装依赖
npm install

# 2. 需要新功能时，安装对应的包
npm install axios

# 3. 启动项目
npm run dev

用 AI 帮你选包

不知道该用什么包？问 AI：

“我想在项目里显示图标，推荐一个轻量级的图标库”

AI 会推荐并给你安装命令。

小结

你现在知道了：

• Node.js = 在电脑上跑 JavaScript
• npm = 代码超市，要什么装什么
• package.json = 项目身份证
• npm install = 一键装好所有依赖

下一篇我们学习如何用 Vite 搭建一个现代化前端项目。