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

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

ruisui881周前 (04-23)技术分析8

在 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 开发环境的完整指南” 的相关文章

2021最全VUE面试题,奥利给

1. vue-router用过没,哪些常用的钩子函数路由钩子的执行流程,钩子函数种类有:全局守卫、路由守卫、组件守卫。首页可以控制导航跳转, beforeEach , afterEach 等,?般?于页? title 的修改。?些需要登录才能调整??的重定向功能。beforeEach 主要有3个参数...

gitlab 分支保护设置

一、功能描述代码管理中管理,我们把稳定的分支设置为保护,可以防止其他人员误操作(例如删除,合并,推送代码等)。二、Gitlab配置步骤1 点击项目Repository标签2.点击Expand标签3.配置如下:默认master是被保护的,而且只有维护人员具有推送和合并权限。设置保护分支,这里的beta...

K8S NFS 共享存储

NFS 共享存储前面我们学习了 hostPath 与 Local PV 两种本地存储方式,但是平时我们的应用更多的是无状态服务,可能会同时发布在不同的节点上,这个时候本地存储就不适用了,往往就需要使用到共享存储了,比如最简单常用的网络共享存储 NFS,本节课我们就来介绍下如何在 Kubernetes...

vue-router是如何解析query参数呢? #前端

vue-router 中的 query 解析。1. 大家好,我是龙仔。今天来分享 vue-router 是如何解析快乐参数的,因为使用 vue 路由会传 query 参数和快乐参数,所以从 vue 的角度来看如何解析传递的快乐参数。2. 基础知识大家应知道,快乐参数结构如:a、b、c、a、b、c、a...

三勾点餐系统java+springboot+vue3,开源系统小程序点餐系统

项目简述前台实现:用户浏览菜单、菜品分类筛选、查看菜品详情、菜品多属性、菜品加料、添加购物车、购物车结算、个人订单查询、门店自提、外卖配送、菜品打包等。后台实现:菜品管理、订单管理、会员管理、系统管理、权限管理等。 项目介绍三勾点餐系统基于java+springboot+element-plus+u...

Firefox正针对Vue.js进行优化,下版本响应速度将“显著提升”

IT之家 9 月 7 日消息,据 Mozilla 官方博客发文显示,Firefox 浏览器正针对 Vue.js 进行优化,此前 FireFox 浏览器在面向 Vue 3 时遇到了一些性能问题。▲ 图源 Mozilla 官方博客目前开发人员已经对此进行了解决,在 Firefox 118 内部版本中进行...