npm(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

成功会显示版本号:
命令行

二、配置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源
    你可以根据你连接的方式去验证每个步骤是否有问题;

猜你喜欢

转载自blog.csdn.net/qq_37291367/article/details/124691027