在 Windows上安装 Node.js 开发环境的完整指南
itomcoil 2025-04-29 01:21 16 浏览
在 Windows上安装 Node.js 开发环境的完整指南
一、安装 Node.js 和 npm
- 下载 Node.js 安装包
- 访问官网 Node.js — 在任何地方运行 JavaScript
- 下载 LTS 版本(长期支持版,推荐)或最新版(Current)。
- 运行安装程序
- 双击下载的 .msi 文件启动安装向导。
关键配置选项:
- 勾选 **Add to PATH**(自动添加环境变量)
- 选择 **Install additional tools**(可选,自动安装 Chocolatey、Python 等工具,适合新手)
- 默认安装路径为 C:\Program Files\nodejs\(建议保持默认)。
- 完成安装
- 点击 “Next” 直到安装完成。
- 验证安装
- 打开 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 # 切换版本
三、安装开发工具
- 代码编辑器
- VS Code(推荐):
- 安装插件:ESLint、Prettier、Code Runner、Node.js Extension Pack。
- 版本控制
- 安装 Git for Windows:
git --version # 验证安装
- API 测试工具
- Postman 或 Insomnia
四、创建并运行第一个 Node.js 项目
- 初始化项目
mkdir my-project
cd my-project
npm init -y # 生成 package.json
- 创建示例文件
- 新建 app.js,写入代码:
console.log("Hello, Node.js!");
- 运行脚本
node app.js # 输出 "Hello, Node.js!"
五、常见问题解决
- 命令提示符报错 'node' is not recognized
- 原因:环境变量未生效。
- 解决:重启终端或手动添加 C:\Program Files\nodejs\ 到系统 PATH。
- npm 安装包失败(权限不足)
- 以管理员身份运行终端,或按 第二部分第1步 配置自定义全局路径。
- 版本冲突
- 使用 nvm 管理多版本 Node.js。
六、扩展:启用 WSL(可选)
- 安装 WSL
wsl --install # 自动安装 WSL 和默认 Linux 发行版(如 Ubuntu)
- 在 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 开发环境!
相关推荐
- 点过的网页会变色?没错,这玩意把你的浏览记录漏光了
-
提起隐私泄露这事儿,托尼其实早就麻了。。。平时网购、换手机号、注册各种账号之类的都会咔咔泄露,根本就防不住。但托尼真是没想到,浏览器里会有一个看起来完全人畜无害的功能,也在偷偷泄露我们的个人隐私,而且...
- Axure教程:高保真数据可视化原型
-
本文将介绍如何制作Axure高保真数据可视化原型,供大家参考和学习。高保真数据可视化原型设计,称得上是Axure高阶水平。数据可视化在原型设计中是一个重要的分支,但是对于Axure使用者具有一定要求。...
- Flutter web开发中禁用浏览器后退按钮
-
路由采用的go-router路由框架:finalrootNavigatorKey=GlobalKey<NavigatorState>();finalGoRouterrouter...
- jQuery 控制属性和样式
-
标记的属性each()遍历元素:each(callback)方法主要用于对选择器进行遍历,它接受一个函数为参数,该函数接受一个参数,指代元素的序号。对于标记的属性而言,可以利用each()方法配合th...
- 微信小程序入门教程之二:页面样式
-
这个系列的上一篇教程,教大家写了一个最简单的Helloworld微信小程序。但是,那只是一个裸页面,并不好看。今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的页...
- 如何在Windows11的任务栏中禁用和删除天气小部件图标?
-
微软该公司已在Windows11的任务栏中添加了一个天气小部件图标,作为小部件的入口点。这个功能与之前Win10上的新闻与资讯功能相同,但是有的用户不喜欢想要关闭,不知道如何操作,下面小编为大家带来...
- CSS伪类选择器大全:提升网页交互与样式的神奇工具
-
CSS伪类选择器是前端开发中不可或缺的强大工具,它们允许我们根据元素的状态、位置或用户行为动态地应用样式。本文将全面介绍常用的伪类选择器,并通过代码示例展示其实际应用场景。一、基础交互伪类1.超链接...
- 7个Axure使用小技巧
-
编辑导读:对于Axure原型工具,很少有产品经过系统学习,一般都是直接上手,边摸索边学习,这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧,希望对各位有帮助。之前整理了2期Axure的...
- JavaScript黑暗技巧:禁止浏览器点击“后退”按钮
-
浏览网页时,当从A页面点击跳转到B页面后,一般情况下,可以点击浏览器上的“后退”按钮返回A页面。如果进入B页面后,B页面想让访问者留下,禁止返回,是否可以实现呢?这简直是要控制浏览器的行为,虽然有些邪...
- 对齐PyTorch,一文详解OneFlow的DataLoader实现
-
撰文|赵露阳在最新的OneFlowv0.5.0版本中,我们增加了许多新特性,比如:新增动态图特性:OneFlow默认以动态图模式(eager)运行,与静态图模式(graph)相比,更容易搭建网...
- Python计算机视觉编程 第一章 基本的图像操作和处理
-
以下是使用Python进行基本图像操作和处理的示例代码:使用PIL库加载图像:fromPILimportImageimage=Image.open("image.jpg"...
- PyTorch 深度学习实战(31):可解释性AI与特征可视化
-
在上一篇文章中,我们探讨了模型压缩与量化部署技术。本文将深入可解释性AI与特征可视化领域,揭示深度学习模型的决策机制,帮助开发者理解和解释模型的内部工作原理。一、可解释性AI基础1.核心概念特征重要...
- 学习编程第177天 python编程 富文本框text控件的使用
-
今天学习的是刘金玉老师零基础Python教程第72期,主要内容是python编程富文本框text控件。一、知识点1.tag_config方法:利用某个别名作为标签,具体的对应标签的属性功能配置在后面参...
- 用Python讓電腦攝像頭實現掃二維碼
-
importsys#系統模組,用來存取命令列參數與系統功能importcv2#OpenCV,處理影像與相機操作importnumpyasnp#Numpy,用來處理數值與...
- 使用Transformer来做物体检测
-
作者:JacobBriones编译:ronghuaiyang导读这是一个Facebook的目标检测Transformer(DETR)的完整指南。介绍DEtectionTRansformer(D...
- 一周热门
- 最近发表
- 标签列表
-
- ps图案在哪里 (33)
- super().__init__ (33)
- python 获取日期 (34)
- 0xa (36)
- super().__init__()详解 (33)
- python安装包在哪里找 (33)
- linux查看python版本信息 (35)
- python怎么改成中文 (35)
- php文件怎么在浏览器运行 (33)
- eval在python中的意思 (33)
- python安装opencv库 (35)
- python div (34)
- sticky css (33)
- python中random.randint()函数 (34)
- python去掉字符串中的指定字符 (33)
- python入门经典100题 (34)
- anaconda安装路径 (34)
- yield和return的区别 (33)
- 1到10的阶乘之和是多少 (35)
- python安装sklearn库 (33)
- dom和bom区别 (33)
- js 替换指定位置的字符 (33)
- python判断元素是否存在 (33)
- sorted key (33)
- shutil.copy() (33)