文章目录
一、安装前的灵魂拷问
你是不是也遇到过这种情况?(别问我怎么知道的)在B站看教程跟着安装Node.js,结果第二天跑项目各种报错!今天咱们就彻底解决这个世纪难题,手把手带你搭建最稳的开发环境!
二、下载安装的正确姿势
2.1 官方下载地址
认准官网才是王道!直接访问 nodejs.org(注意别进到山寨网站)这里有两个版本选择:
- LTS版(长期支持版):适合生产环境(推荐新手选这个)
- Current版(尝鲜版):适合体验新功能(可能遇到坑)
小贴士:按住Ctrl点击链接会在新标签页打开,别把当前页面搞丢了!
2.2 安装过程避坑点
双击安装包后要注意这几个关键步骤:
- 安装路径千万别带中文!!!(重要的事情说三遍)
- 推荐路径:
C:\dev\nodejs
(别装C盘根目录!)
- 推荐路径:
- 勾选
Add to PATH
选项(环境变量自动配置) - 遇到这个选项必须勾选👇
(看到这里先去倒杯水,安装大概需要3-5分钟)
三、验证安装的正确方式
安装完千万别直接关窗口!打开CMD输入三条救命命令:
node -v # 应该显示v18.xx.x
npm -v # 应该显示9.x.x
where node # 检查是否存在多个node版本
如果报错怎么办?常见问题:
- 报错"不是内部命令" → 环境变量没配置好
- 版本号不对 → 可能之前安装过旧版本
- 路径包含空格 → 赶紧卸载重装!
四、环境配置进阶操作
4.1 镜像源加速
国内访问npm官方源比蜗牛还慢?试试这个:
npm config set registry https://registry.npmmirror.com
验证是否生效:
npm config get registry
4.2 全局安装路径修改
默认全局安装都在C盘?教你改路径:
- 新建两个文件夹:
D:\nodejs\node_global
D:\nodejs\node_cache
- 执行命令:
npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache"
- 添加环境变量:
- 系统变量Path新增:
D:\nodejs\node_global
- 系统变量Path新增:
(改完记得重启CMD才能生效!)
五、多版本管理神器nvm
经常需要切换Node版本?强烈推荐nvm!
5.1 安装步骤:
- 卸载现有Node.js(必须!)
- 下载安装包:
nvm-windows最新版 - 安装路径建议:
C:\dev\nvm
- 验证安装:
nvm version
5.2 常用命令:
nvm list available # 查看可用版本
nvm install 18.12.1 # 安装指定版本
nvm use 18.12.1 # 切换版本
nvm ls # 查看已安装版本
六、IDE配置小技巧
6.1 VSCode必备插件
- ESLint(代码规范检查)
- Prettier(自动格式化)
- npm Intellisense(自动补全模块名)
- Code Runner(一键运行脚本)
6.2 调试配置
在launch.json中添加:
{
"type": "node",
"request": "launch",
"name": "启动程序",
"skipFiles": ["<node_internals>/**"],
"program": "${workspaceFolder}/app.js"
}
七、常见报错解决方案
7.1 权限问题
Linux/Mac用户经常遇到的坑:
Error: EACCES: permission denied...
解决方法:
sudo chown -R $(whoami) ~/.npm
7.2 模块找不到
报错信息:
Cannot find module 'xxx'
可能原因:
- 没装依赖 →
npm install
- 装了但路径不对 → 检查node_modules位置
- 缓存问题 → 删了node_modules重新安装
八、终极检测清单
完成所有配置后,按这个清单检查:
- Node版本是否符合项目要求
- npm镜像源是否替换
- 全局安装路径是否在非系统盘
- 环境变量Path是否包含node路径
- IDE插件是否安装完成
- 创建测试项目能否正常运行
(都打勾的话,恭喜你出师了!)
九、升级维护指南
9.1 定期更新npm:
npm install -g npm@latest
9.2 清理缓存:
npm cache clean --force
9.3 查看过时包:
npm outdated
最后说句掏心窝的话:环境配置是开发第一课,也是劝退第一关。遇到问题别慌,善用Google和Stack Overflow。记住,每个报错都是升级的机会!(当然实在搞不定可以给我留言~)