当前位置:首页 > 技术分析 > 正文内容

在 Windows上安装 Node.js 开发环境的完整指南

ruisui882个月前 (04-23)技术分析24

在 Windows上安装 Node.js 开发环境的完整指南


一、安装 Node.js 和 npm

  1. 下载 Node.js 安装包
  1. 运行安装程序
  • 双击下载的 .msi 文件启动安装向导。

关键配置选项

  • 勾选 **Add to PATH**(自动添加环境变量)
  • 选择 **Install additional tools**(可选,自动安装 Chocolatey、Python 等工具,适合新手)
  • 默认安装路径为 C:\Program Files\nodejs\(建议保持默认)。
  1. 完成安装
  • 点击 “Next” 直到安装完成。
  1. 验证安装
  • 打开 CMD 或 PowerShell,输入以下命令:
node -v # 查看 Node.js 版本(如 v20.12.2) 
npm -v # 查看 npm 版本(如 10.5.0)

二、配置开发环境

1. 解决权限问题(可选)

  • 修改 npm 全局模块安装路径,避免管理员权限问题:
# 创建全局模块存放目录(例如 D:\node_global) 
mkdir D:\node_global 
mkdir D:\node_cache 

# 配置 npm 
npm config set prefix "D:\node_global" 
npm config set cache "D:\node_cache" 

# 将路径添加到系统环境变量 PATH 中(控制面板 → 系统 → 高级系统设置 → 环境变量)

2. 安装包管理工具 Yarn(可选)

npm install -g yarn
yarn --version

3. 使用 nvm 管理多版本 Node.js(可选)

  • 安装 nvm-windows(Windows 版 Node 版本管理器)。https://github.com/coreybutler/nvm-windows/releases
  • 常用命令:
nvm list available # 查看可安装版本 
nvm install 18.16.0 # 安装指定版本 
nvm use 18.16.0 # 切换版本

三、安装开发工具

  1. 代码编辑器
  • VS Code(推荐):
  • 安装插件:ESLint、Prettier、Code Runner、Node.js Extension Pack
  1. 版本控制
  • 安装 Git for Windows:
git --version # 验证安装
  1. API 测试工具
  • Postman 或 Insomnia

四、创建并运行第一个 Node.js 项目

  1. 初始化项目
mkdir my-project 
cd my-project 
npm init -y # 生成 package.json
  1. 创建示例文件
  • 新建 app.js,写入代码:
console.log("Hello, Node.js!");
  1. 运行脚本
node app.js # 输出 "Hello, Node.js!"

五、常见问题解决

  1. 命令提示符报错 'node' is not recognized
  • 原因:环境变量未生效。
  • 解决:重启终端或手动添加 C:\Program Files\nodejs\ 到系统 PATH。
  1. npm 安装包失败(权限不足)
  • 以管理员身份运行终端,或按 第二部分第1步 配置自定义全局路径。
  1. 版本冲突
  • 使用 nvm 管理多版本 Node.js。

六、扩展:启用 WSL(可选)

  1. 安装 WSL
wsl --install # 自动安装 WSL 和默认 Linux 发行版(如 Ubuntu)
  1. 在 WSL 中安装 Node.js
sudo apt update && sudo apt upgrade 
curl -fsSL https://deb.nodesource.com/setup_lts.x | 
sudo -E bash - sudo apt install -y nodejs

通过以上步骤,你已成功在 Windows 11 上搭建了完整的 Node.js 开发环境!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3535.html

分享给朋友:

“在 Windows上安装 Node.js 开发环境的完整指南” 的相关文章

Excel VBA 主界面/一步一步带你设计【收费管理系统】02

本文于2023年5月14日首发于本人同名公众号,更多文章案例请关注微信公众号:Excel活学活用!☆本期内容概要☆用户窗体设置:主界面、主页设计上期我们分享了EXCEL读取ACCESS数据库表,实现系统登录的功能【Excel VBA 访问带密码保护的Access数据库/用户窗体设置/EXCEL用户+...

Gitlab 的使用和代码审查流程介绍

1、先简洁介绍下项目常用的信息-面板统计页面2、用户信息面板3、服务器信息4、项目信息5、重点介绍代码提交审核机制和授权合并机制开发人员推送代码的时候不能直接推送到master,否则就会报错。此时开发人员要本地新建分支然后在提交上来列出修改了哪些细节管理员可以管理这些分支合并到master6、指派合...

迁移GIT仓库并带有历史提交记录

迁移git仓库开发在很多时候,会遇到一个问题。GIT仓库的管理,特别是仓库的迁移。我需要保留已有的历史记录,而不是重新开发,重头再来。我们可以这样做:使用--mirror模式会把本地的分支都克隆。// 先用--bare克隆裸仓库 git clone git@gitee.com:xxx/testApp...

7 招教你轻松搭建以图搜图系统

作者 | 小龙责编 | 胡巍巍当您听到“以图搜图”时,是否首先想到了百度、Google 等搜索引擎的以图搜图功能呢?事实上,您完全可以搭建一个属于自己的以图搜图系统:自己建立图片库;自己选择一张图片到库中进行搜索,并得到与其相似的若干图片。Milvus 作为一款针对海量特征向量的相似性检索引擎,旨在...

HTML5学习笔记三:HTML5语法规则

1.标签要小写2.属性值可加可不加””或”3.可以省略某些标签 html body head tbody4.可以省略某些结束标签 tr td li例:显示效果:5.单标签不用加结束标签img input6.废除的标签font center big7.新添加的标签将在下一HTML5学习笔记中重点阐述。...

Vue2的16种传参通信方式

前言先直入主题列出有哪些传参方式,下面再通过事例一一讲解。props(父传子)$emit与v-on (子传父)EventBus (兄弟传参).sync与update: (父子双向)v-model (父子双向)ref$children与$parent$attrs与$listeners (爷孙双向)pr...