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

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

一、node的安装与配置

1.nodejs 下载安装

1. 前往nodejs官网：https://nodejs.org/en/
   建议选择LTS进行下载安装
   

2. 安装完成，在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

   

2. 配置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配置文件中查看
   

3. 设置环境变量

   • 用户变量 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 
     

     

   • 系统变量 中 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，可以发现包被安装在我们设置的全局目录里面。
     

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
  

• 方式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”

2. 改变 yarn 缓存位置：

   yarn config set cache-folder "你的磁盘路径"
   

   如我的执行命令为：

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

   配置对应的文件夹如下：
   

3. 环境变量：
   需要将 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包文件便被下载在设置好的全局目录下面。

   

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 文件中可以查看。