文章目录

  • node,yarn — 安装配置镜像及全局目录
  • 一、node的安装与配置
  • 1.nodejs 下载安装
  • 2.nodejs 配置全局目录
  • 3. nodejs 配置镜像代理
  • 二、yarn的安装与配置
  • 1. yarn下载安装
  • 2. yarn 配置全局目录
  • 3. yarn 配置镜像代理


node,yarn — 安装配置镜像及全局目录

一、node的安装与配置

1.nodejs 下载安装

  1. 前往nodejs官网:https://nodejs.org/en/ 建议选择LTS进行下载安装
  2. yarn全局默认安装位置 yarn全局安装命令_nodejs

  3. 安装完成,在CMD中输入:
node -v
npm -v

出现版本号等信息,即是安装成功

2.nodejs 配置全局目录

  1. 新建文件夹:全局包下载存放的文件夹 node_global,和node的缓存文件夹 node_cache 比如我新建的路径为:

F:\develop_tools\node\nodeJS-install\node_global
F:\develop_tools\node\nodeJS-install\node_cache

  1. 配置nodejs全局目录,以后 全局安装 的包都被安装在这。
    打开命令行CMD窗口,使用命令行设置:
npm config set cache "F:\develop_tools\node\nodeJS-install\node_cache"
npm config set prefix "F:\develop_tools\node\nodeJS-install\node_global"

这个配置可以在用户目录的.npmrc配置文件中查看

yarn全局默认安装位置 yarn全局安装命令_npm_02

  1. 设置环境变量
  • 用户变量 path 中:
    把 C:\Users\Administrator\AppData\Roaming\npm;
    改为:F:\develop_tools\node\nodeJS-install\node_global
  • 系统变量 中新增变量 NODE_PATH
F:\develop_tools\node\nodeJS-install\node_global\node_modules

yarn全局默认安装位置 yarn全局安装命令_环境变量_03

  • 系统变量 中 path 新增nodejs的安装目录
    我的node安装在F:\develop_tools\node\nodeJS-install\中:
F:\develop_tools\node\nodeJS-install\
F:\develop_tools\node\nodeJS-install\node_global\node_modules

这时候再执行:npm install -g vue,可以发现包被安装在我们设置的全局目录里面。

yarn全局默认安装位置 yarn全局安装命令_npm_04

3. nodejs 配置镜像代理

node服务器在国外,下载依赖包会十分缓慢,所以需要配置国内代理。

  • 方式一,使用淘宝镜像:
    在命令行输入:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

可以查看镜像源是否修改成功:

npm config get registry

yarn全局默认安装位置 yarn全局安装命令_环境变量_05

  • 方式2,使用 cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

二、yarn的安装与配置

yarn与npm一样,都是包管理工具,但是yarn下载速度更快,我们一般都是使用 yarn。

1. yarn下载安装

  • 方式1,Install via npm:
npm install --global yarn

输入 yarn -version 可以看到版本号,说明安装成功了。
我们就可以在项目中像使用npm一样使用yarn了

2. yarn 配置全局目录

  1. 改变 yarn 全局安装位置:
yarn config  set global-folder "你的磁盘路径"

如我的执行命令为:

yarn config set global-folder “F:\develop_tools\node\yarn\yarn_global”

  1. 改变 yarn 缓存位置:
yarn config set cache-folder "你的磁盘路径"

如我的执行命令为:

yarn config set global-folder “F:\develop_tools\nodeJS\yarn\yarn_cache”

配置对应的文件夹如下:

yarn全局默认安装位置 yarn全局安装命令_环境变量_06

  1. 环境变量:
    需要将 F:\develop_tools\nodeJS\yarn\yarn_global\node_modules.bin 整个目录 添加到系统环境变量中去,否则通过yarn 添加的全局包 在cmd 中是找不到的。
  • 检查当前yarn 的 bin的 位置:
yarn global bin
  • 检查当前 yarn 的 全局安装路径与缓存路径:
yarn global dir
yarn cache dir

此时,我们执行:yarn global add @vue/cli,会发现 vue/cli包文件便被下载在设置好的全局目录下面。

yarn全局默认安装位置 yarn全局安装命令_环境变量_07

3. yarn 配置镜像代理

  • 查看一下当前源:
yarn config get registry
  • 切换镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

以上关于yarn的配置在用户目录下的 .yarnrc 文件中可以查看。