一、先安装 Node.js
1. 下载 Node.js
去 Node.js 官网下载安装包，通常选择 LTS 版本 即可。
2. 安装
下载后双击安装包，一路点：
Next → Next → Install → Finish
一般默认设置就可以，不用改。
3. 检查是否安装成功
安装完成后，打开 CMD，输入：
node -v
npm -v
如果显示版本号，例如：
v22.0.0
10.0.0
就说明安装成功了。
二、什么是 Node.js 和 npm
Node.js
Node.js 是一个可以让 JavaScript 在电脑上运行的环境。
比如你可以直接运行一个 .js 文件：
node test.js
npm
npm 是 Node.js 自带的包管理工具，用来安装项目需要的依赖包。
比如：
npm install
就是安装依赖。
三、npm install 是什么时候用
npm install 的作用是：
安装项目所需要的依赖包
一般在这些情况下用：
你刚下载了一个项目
项目里有 package.json
你第一次运行这个项目
别人更新了依赖
你的 node_modules 被删了
命令：
npm install
执行后，npm 会根据项目里的 package.json 自动下载需要的包。
安装完成后，项目目录里通常会出现：
node_modules
package-lock.json
四、npm run dev 是什么时候用
npm run dev 的作用是：
启动项目的开发环境
很多前端项目，比如：
Vue
React
Vite
Next.js
都会用这个命令启动。
命令：
npm run dev
但前提是：
你的项目 package.json 里面要有 dev 这个脚本。
例如：
{
“scripts”: {
“dev”: “vite”
}
}
有这段，才可以运行：
npm run dev
五、正确使用顺序
第一次拿到项目时
先安装依赖，再启动项目：
npm install
npm run dev
以后再次打开同一个项目
如果依赖已经装过了，一般直接：
npm run dev
就可以。
五、完整示例
假设你下载了一个前端项目，路径是：
D:\project\myapp
第一步：进入项目目录
cd /d D:\project\myapp
第二步：安装依赖
npm install
第三步：启动项目
npm run dev
启动成功后，终端通常会显示类似：
Local: http://localhost:5173/
这时你把这个地址复制到浏览器打开，就能看到项目页面。
评论(0)