Skip to content

下载安装

官网下载链接:Nodejs官网15.png 历史版本下载: 14.png

安装

这里选择的是:Windows Installer (.msi),下载下来解压执行安装文件,如果是解压版,需要解压保存到对应的目录即可。

16.png

17.png

Windows Installer (.msi)安装完毕,会自动配置,系统环境,如果是解压版的,需要手动想系统环境的 Path:下面追加,node.js的安装路径,注意前面需要加 ;

验证

Nodejs验证

node -v

10.png

npm -v

11.png

【开发经验】记得安装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配置项是否与设置的一致

12.png

安装 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

验证

18.png

安装项目依赖

pnpm install

启动

pnpm run dev

相关记录

出现类似包不能解析的问题

4f3c7e5551f2497999e1e4b0c8dc5c5b.png

  • 根目录创建 .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,点击以管理员身份运行

19.png

执行set-ExecutionPolicy RemoteSigned 然后出现选项后选择 ==y==

20.png

最后就可以使用pnpm运行系统了,此方法可用于yarn等命令,前提是这些命令有安装到全局中。

2. 解决 npm WARN config global --global, --local are deprecated. Use --location=global instead.

24.png

翻一下即: 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 文件: 21.png

修改完成后的 npm.cmd 文件:

22.png

23.png

  1. pnpm : 无法将“pnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 pnpm需要重新下载,不是直接可以使用的,

重新下载一下就可以了,输入以下就可以执行pnpm的其余命令

  • npm install -g pnpm

  • 并将 pnpm 路径添加系统变量

  1. 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.npm.taobao.org npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist npm config set 'https://registry.npmjs.org/'

③ 清理缓存 npm config set proxy false npm cache clean yarn cache clean

Released under the MIT License.