Windows-Node (cnpm、yarn)安装

一、Node.js安装包下载

node.js down

二、安装

自定义安装路径、安装选项按照默认即可。

这里安装到:P:\Program Files\nodejs

三、检查

打开cmd输入 node -vnpm -v 查看版本。

node version

四、node配置

  • 1.自定义npm安装的全局模块路径:node_global
  • 2.缓存cache的路径:node_cache
  • 3.cmd 执行:
    node_global:npm config set prefix "D:\data\nodejs\node_global"
    node_cache:npm config set cache "D:\data\nodejs\node_cache"
    node config

五、设置环境变量

  • 1.新增系统变量:NODE_PATH,变量值为:D:\data\nodejs\node_global\node_modules

  • 2.新增系统变量【path】:D:\data\nodejs\node_global

    node system path

  • 3.修改用户变量【path】,将默认【C:\Users\xxx\AppData\Roaming\npm】的变更为D:\data\nodejs\node_global

    node user path

经过上面的步骤,nodejs下载的模块就会自动下载到我们自定义的目录,接下来我们测试一下。
输入下面的命令:npm install express -g
ps: -g是全局安装的意思,不加 -g 就是默认下载到当前目录

npm install express

注:若执行命令npm install express -g 出现如下报错
node install error

是由于权限的原因,右击nodejs文件夹 -> 属性 -> 安全,点击编辑,将所有权限都✔即可
nodejs 文件夹权限

六、更换npm源为淘宝镜像

  • 1.说明:npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载,国内很慢,一般都会指向淘宝 https://registry.npm.taobao.org。 1、查看初始npm源:npm config get registry
  • 2.更换镜像为淘宝镜像:npm config set registry https://registry.npm.taobao.org/
  • 3.安装cnpm:npm install cnpm -g
  • 4.检查配置是否成功:npm config get registry
  • 5.下载完后,我们在本地就能看到cnpm模块


    node 安装储存目录

    node cnpm -v

七、安装yarn

  • 1.yarn可以用npm安装:npm i yarn -g
    install yarn
  • 2.yarn的全局目录
    yarn用三个文件夹存储与全局相关的三类内容,在Windows中默认是在C:\Users\JCloud\AppData\Local\Yarn目录下,其中bin存储命令的二进制文件,Cache存储下载缓存,Data\global存储全局node_modules(即包源码)。以下以一个例子说明用途。
    使用yarn全局安装依赖包,需使用以下命令(以安装vue3为例):
    yarn global add @vue/cli@next
    global意为全局,add后面跟包名代表添加。通过以上命令,vue-cli会被:
    缓存到Cache以供以后使用
    安装到全局Data\global\node_modules目录
    在bin目录自动建立一个二进制入口链接(命令行直接调用的就是这里的文件)
    相关的三个目录可以用以下命令查看其在磁盘上的位置:
yarn global bin
yarn global dir
yarn cache dir
yarn 目录

这三个目录也都可以进行自定义修改位置:

yarn config set prefix "自定义bin目录路径"
yarn config set global-folder "自定义node_modules目录路径"
yarn config set cache-folder "自定义cache目录路径"

可以修改到你认为合适的位置(路径加不加引号皆可),比如非C分区,以减轻C盘容量负担。
自定义:
global-folder:yarn config set global-folder "D:\data\nodejs\Yarn\Data\global"
cache-folder:yarn config set cache-folder "D:\data\nodejs\Yarn\Cache"

yarn config

检验是否设置成功,可以直接在C:\Users\用户名目录下打开.yarnrc文件查看
yarn 目录

.yarnrc内容

  • 3.yarn换源
    默认依赖包源在国外,可能会遇到网络条件差的问题,可以换成国内的淘宝源。
    查看当前源,以及更换源:
yarn config get registry
yarn config set registry https://registry.npm.taobao.org
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容