下载安装
官网下载链接:Nodejs官网 历史版本下载:
安装
这里选择的是:Windows Installer (.msi),下载下来解压执行安装文件,如果是解压版,需要解压保存到对应的目录即可。
Windows Installer (.msi)安装完毕,会自动配置,系统环境,如果是解压版的,需要手动想系统环境的 Path:下面追加,node.js的安装路径,注意前面需要加 ;
验证
Nodejs验证
node -v
npm -v
【开发经验】记得安装nodejs 后配置一下全局环境,避免后期开发中的一些莫名奇怪的问题。
配置
配置列表
npm config ls
创建 D:\4_NodesWork\node_cache 和 D:\4_NodesWork\node_global 文件夹, 然后设置 npm 的全局安装路径,按 win + R 键,在运行窗口中输入 cmd 按回车,打开命令行工具,然后输入以下命令:
## 配置npm全局安装路径
npm config set prefix "E:\4_Node_Work"
## 配置npm缓存目录
npm config set cache "E:\4_Node_Work\node_cache"
以上命令运行成功后(没有提示就是成功),在执行以下命令:
设置系统变量:
(1)新增环境变量 NODE_PATH : E:\4_Node_Work
(2)在 PATH 变量添加:E:\4_Node_Work
(这个配置很重要,不配置有可能新安装的依赖cmd窗口找不到,报无法识别命令!!!)
设置国内淘宝镜像:
npm config set registry https://registry.npmmirror.com
安装pnpm:
npm install -g pnpm --registry=https://registry.npmmirror.com
检测:
pnpm -v
使用cnpm安装模块:
pnpm install <package_name>
安装 yarn
npm install -g yarn
使用 yarn
yarn install <package_name>
mac 平台下安装:
brew install node
#安装指定版本
brew install node14
安装后,根据提示将环境变量写入.zshrc,然后同上设置国内淘宝镜像
## 查看配置结果
npm config ls
# 在展示的列表中,查看 prefix和cache配置项是否与设置的一致
安装 pnpm
在 Linux 或 macOS 下:
curl -fsSL https://get.pnpm.io/install.sh | sh -
在 Windows 下(使用 PowerShell):
Invoke-WebRequest 'https://get.pnpm.io/v6.16.js' -UseBasicParsing -o pnpm.js; node pnpm.js add --global pnpm; Remove-Item pnpm.js
验证
安装项目依赖
pnpm install
启动
pnpm run dev
相关记录
出现类似包不能解析的问题
- 根目录创建 .npmrc 文件
shamefully-hoist = true
删除node_modules,再次执行pnpm install ,解决成功 有些包仅在根目录的node_modules时才有效,可以通过此配置,提升那些不在node_modules根目录的包。
- 或者执行:
pnpm i --shamefully-hoist
常见问题
1. pnpm : 无法加载文件 C:\Users\2233\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本。
在左下角系统中搜索框输入 Windos PowerShell,点击以管理员身份运行
执行set-ExecutionPolicy RemoteSigned
然后出现选项后选择 ==y==
最后就可以使用pnpm运行系统了,此方法可用于yarn等命令,前提是这些命令有安装到全局中。
2. 解决 npm WARN config global
--global
,--local
are deprecated. Use--location=global
instead.
翻一下即: npm 全局配置
--global,
--local已弃用。使用
--location=global替代 。
找到自己的node.js安装路径,如果是通过nvm安装的,可去查看安装 nvm 时配置的node.js安装路径,在换将变量中NVM_SYMLINK 对应的即为通过nvm安装的node.js的路径。
修改node.js目录下的npm和npm.cmd文件,如下两个文件
把 -g 改为 --glocation-=glocal
。
修改完成后 npm 文件:
修改完成后的 npm.cmd 文件:
- pnpm : 无法将“pnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 pnpm需要重新下载,不是直接可以使用的,
重新下载一下就可以了,输入以下就可以执行pnpm的其余命令
npm install -g pnpm
并将 pnpm 路径添加系统变量
- info There appears to be trouble with your network connection. Retrying...
卸载安装固定版本yarn npm uninstall -g yarn npm install -g yarn@1.22.17
① 检查配置文件 yarn config list ② 手动更新配置文件 yarn config set registry https://registry.npmmirror.com npm config set registry https://registry.npmmirror.com npm config set disturl https://npmmirror.com/dist npm config set 'https://registry.npmjs.org/'
③ 清理缓存 npm config set proxy false npm cache clean yarn cache clean