从零开始:Node.js与npm的完整安装指南(2024最新版)

张开发
2026/4/12 16:55:23 15 分钟阅读

分享文章

从零开始:Node.js与npm的完整安装指南(2024最新版)
1. Node.js与npm简介Node.js是一个基于Chrome V8引擎的JavaScript运行时环境它让JavaScript能够脱离浏览器在服务端运行。npmNode Package Manager则是随Node.js一同安装的包管理工具类似于Java中的Maven或Python中的pip。这对组合已经成为现代Web开发的标配无论是前端构建工具如Webpack、Vite还是后端服务如Express、NestJS都依赖它们。2024年Node.js最新LTS版本20.x带来了多项改进V8引擎升级至12.0执行效率提升约15%ESM模块支持完善无需--experimental-modules标志内置WebSocket客户端简化实时应用开发更智能的npm依赖分析减少node_modules体积2. 下载与安装Node.js2.1 选择合适版本访问Node.js官网会看到两个版本LTS版推荐长期支持版本适合生产环境Current版包含最新特性适合尝鲜建议Windows/macOS用户下载.msi或.pkg安装包Linux用户可使用包管理器。2.2 Windows安装步骤双击安装包后进入向导界面自定义安装路径建议不要使用C盘默认路径示例D:\DevTools\NodeJS\勾选Automatically install necessary tools会自动安装Python和C编译工具完成安装后在命令提示符验证node -v # 应显示类似v20.15.0 npm -v # 应显示类似10.2.32.3 macOS安装注意事项如果使用Homebrewbrew install node安装后若出现权限问题可执行sudo chown -R $(whoami) /usr/local/lib/node_modules2.4 Linux用户专属Ubuntu/Debian推荐通过NodeSource安装curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt-get install -y nodejs3. 环境配置优化3.1 修改全局模块路径默认全局安装会占用C盘空间建议自定义路径在Node安装目录创建两个文件夹node_global存放全局模块node_cache存放缓存配置新路径npm config set prefix D:\DevTools\NodeJS\node_global npm config set cache D:\DevTools\NodeJS\node_cache3.2 配置系统环境变量新建系统变量NODE_PATH值为D:\DevTools\NodeJS\node_global\node_modules编辑用户变量的Path替换为D:\DevTools\NodeJS\node_global在系统变量的Path中添加D:\DevTools\NodeJS\3.3 权限问题解决方案如果遇到EACCES错误可尝试sudo npm install -g package-name --unsafe-permtrue或修改npm默认目录权限sudo chown -R $USER /usr/local/lib/node_modules4. 镜像加速与工具链配置4.1 国内镜像加速提升npm包下载速度npm config set registry https://registry.npmmirror.com验证配置npm config get registry4.2 现代包管理工具除了npm还可以安装YarnFacebook出品npm install -g yarnpnpm节省磁盘空间npm install -g pnpm4.3 常用全局工具推荐npm install -g typescript # TypeScript编译器 npm install -g nodemon # 开发热重载工具 npm install -g vue/cli # Vue脚手架 npm install -g create-react-app # React脚手架5. 疑难问题排查5.1 版本管理技巧推荐使用nvm或fnm管理多版本# 使用fnm安装不同版本 fnm install 18.12.1 fnm install 20.15.0 # 切换版本 fnm use 20.15.05.2 常见错误解决node-gyp编译失败npm install -g node-gyp然后安装构建工具npm install --global windows-build-tools # Windows xcode-select --install # macOS权限错误npm config set user 0 npm config set unsafe-perm true5.3 性能优化建议定期清理缓存npm cache clean --force使用npm v9的依赖分析npm install --omitdev启用并行安装npm set fund false npm set audit false安装完成后可以创建测试文件server.jsconst http require(http); const server http.createServer((req, res) { res.end(Hello Node 2024!); }); server.listen(3000, () { console.log(Server running at http://localhost:3000/); });运行node server.js即可验证环境是否正常工作。

更多文章