文章目录

  • 前言
  • 一、安装node
  • 1.下载node.js
  • 二、配置npm
  • 1.更改npm包默认存储位置
  • 2.配置代理（*）
  • 3.配置环境变量
  • 三、yarn安装配置
  • 四、安装问题小记


前言

安装npm、yarn之前要先安装node：node —> npm —> yarn

一、安装node

1.下载node.js

1）下载执行安装即可：https://nodejs.org/en/
2）记住node的安装目录，最好别放C盘- -。等下有用。例如我的nodejs的安装目录是：E:\nodejs
3）查看安装是否成功：

node -v

成功会显示版本号：

yarn 包安装位置 yarn安装目录_yarn 包安装位置

二、配置npm

1.更改npm包默认存储位置

可以不更改，默认全局仓库就是存在C盘：C:\Users\Administrator\AppData\Roaming\npm 但是，随着npm下载模块的增多，挤占C盘空间啊喂0.0，所以如果C盘空间不充足，建议修改。 假设我的nodejs的安装目录是：E:\nodejs

  1. 首先在 E:\nodejs 下新建两个文件夹
    node_global
    node_cache
  2. 更改全局仓库、依赖包缓存位置为我们设置的文件夹
    命令行执行：
    a. 设置全局仓库位置：
npm config set prefix "E:\nodejs\node_global"

b. 设置默认缓存位置：

npm config set cache "E:\nodejs\node_cache"
  1. 查看设置是否成功

a. 命令行输入，查看全局仓库位置：

npm list -global

设置正确，则会显示你更改过后的目录下，且下面列表为 empty b. 然后命令行继续操作，全局安装随便一个包

npm install express -g

c.再命令行输入，查看全局仓库位置，及缓存的包：

npm list -global

设置正确，则会显示你更改过后的目录下，且下面列表中有 express 这个包

2.配置代理（*）

如果你上网不需要代理proxy，请略过此处 = =。
如果你上网需要配置代理，则继续npm的设置：

npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080

如果代理需要账号密码登录，则使用：

npm config set proxy http://username:password@yourproxy.com:port
npm config set https-proxy http://username:password@yourproxy.com:port

username：用户名
password：密码
yourproxy：代理网址
port：代理端口

3.配置环境变量

我们需要配置npm和nodejs的环境变量。

在计算机图标上，右键——>属性——>高级系统配置——环境路径，就能看到环境路径的配置界面。

系统变量：
新建，变量名：NODE_PATH，变量值： E:\nodejs\node_modules\
此时配置好系统变量中就多了NODE_PATH这一栏。

用户变量：
我们需要修改nodejs默认的模块调用路径，即我们配置的全局仓库地址，（我们从原来的C盘改成了我们的安装位置）。
选择Path，编辑，然后选择npm那个，将其修改为：E:\nodejs\node_global\

然后点确定，保存这个配置。

三、yarn安装配置

命令行执行，即可安装；

npm install -g yarn

此时在编辑器中使用没问题，如果要在cmd中使用，要配置环境变量；

四、安装问题小记

  1. vscode中使用yarn命令，报错未知命令：
    原因： vscode中的集成终端使用的是powershell，所以我们要设置一下powershell的执行权限。
    解决方法： 进入C:\Windows\System32\WindowsPowerShell\v1.0目录，找到powershell.exe文件。
    右键该文件，以管理员权限执行。执行set-ExecutionPolicy RemoteSigned命令，选y，重启生效。
  2. 407错误，authority
    没有权限，检查proxy配置。
  3. 报错npm ERR! cb() never called!：
    原因： npm自己的缓存机制问题；
    解决方法： 1） 删除项目中的 package-lock.json 文件 和 node_modules 文件夹，然后再重新npm install。（重装大法好）
    2）或者 强制清空缓存 npm cache clean -f
  4. 很多问题，例如卡住，下载失败，可以切换下载源尝试。
    我们使用npm可能有很多种方式：
    1）本机，使用代理，连接淘宝镜像源
    2）本机，使用代理，连接npm源
    3）本机，连接淘宝镜像源
    4）本机，连接npm源
    你可以根据你连接的方式去验证每个步骤是否有问题；