1、nodejs官方文档https://nodejs.org/zh-cnnodejs可以用nvm进入安装2、npm说明npm官方教程https://npm.p2hp.com/npm是 Node.js 的标准包管理器也就是说nodejs安装好npm也就安装好了它们的检查命令在命令行中输入node -v和npm -v如果返回了版本号则说明Node.js和npm已成功安装。基本使用方法见文档https://nodejs.org/zh-cn/learn/getting-started/an-introduction-to-the-npm-package-manager另一个教程https://blog.csdn.net/weixin_42474607/article/details/140100488https://www.cnblogs.com/wanqian6311/p/18397706https://blog.csdn.net/weixin_46286150/article/details/137334088npm基本命令npm install //安装所有依赖npm install package-name //安装某个包npm update //更新所有依赖npm update package-name //更新某个包npm run dev //启动开发环境npm run build //打包生产环境的代码npm run build:prod //打包正式环境npm run build:stage //打包预发布环境//下载依赖命令 npm install --registryhttps://registry.npmmirror.com用npm安装pnpm:# 全局安装 pnpm npm i -g pnpm # 验证 pnpm -vpnpm基本命令命令作用示例pnpm install或pnpm i安装所有依赖类比npm installpnpm ipnpm add package安装生产依赖类比npm install pkgpnpm add lodashpnpm add -D package安装开发依赖pnpm add -D typescriptpnpm add -g package全局安装包pnpm add -g pnpmpnpm remove package移除依赖pnpm remove axiospnpm update更新所有依赖pnpm updatepnpm update package更新指定依赖pnpm update reactpnpm run script运行 package.json 中的脚本pnpm run devpnpm exec command执行本地安装的命令类比npxpnpm exec vite buildpnpm dlx command临时下载并执行命令无需全局安装pnpm dlx create-react-app5pnpm list查看项目依赖树pnpm listpnpm why package查看为何安装某个包依赖来源pnpm why reactpnpm outdated检查过期依赖pnpm outdatedpnpm store path显示 pnpm 的全局存储路径pnpm store pathpnpm store prune清理未使用的包以释放磁盘空间pnpm store prunepnpm config get key查看配置项pnpm config get registrypnpm config set key value修改配置项pnpm config set registry https://registry.npmmirror.compnpm cache clean清理缓存pnpm cache clean3、webpack教程Webpack是一个前端模块打包工具。官方文档https://www.webpackjs.com/concepts/另一个教程https://blog.csdn.net/weixin_46714216/article/details/140741361https://blog.csdn.net/sunscheung/article/details/78879889这里分享 webpack 三部曲基本看完也算入门 webpack 配置工程师这个领域了。webpack 4 和单页应用入门手摸手带你用合理的姿势使用 webpack4上手摸手带你用合理的姿势使用 webpack4下