ZEROL
  • 首页
  • 博客
  • 漫画馆
  • 留言
Github
2024年10月3日 按艾晓零

nodejs 环境配置

nodejs 环境配置
2024年10月3日 按艾晓零

nvm、node、npm、yarn

这个配置下可以自由的切换版本,并且安装的全局工具包可以一直使用

一、nvm 安装

目前 nvm 版本 1.1.9

  1. 安装时选择 nodejs 文件夹的安装目录在 nvm 同级目录

    • nvm 安装好后会自动创建两个变量,并且会把这两个变量添加进环境变量(用 % 号括起来即可引用变量)

      • NVM_HOME = [ nvm 的目录路径 ]

      • NVM_SYMLINK = [ nodejs 的目录路径 ]

  2. 设置根目录下的settings,加入以下两行替换镜像:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

# 之前的源,证书已失效,使用上面的新源
# node_mirror: https://npm.taobao.org/mirrors/node/
# npm_mirror: https://npm.taobao.org/mirrors/npm/
  1. 打开Cmder,安装一个 node 版本
nvm install 8.11.4
  1. 使用安装的版本
nvm use 8.11.4
  1. 此时已经安装完成,可以使用以下命令测试:
node -v
npm -v
  1. 这个时候会发现,有些低版本 node 没有 npm 包,如果要使用,需要自行下载:

    • 去查看当前 node 对应的 npm 版本:https://nodejs.org/zh-cn/download/releases/
    • 点击右侧的下载

    tupian

    • 下载对应自己系统的压缩包

    tupian

    • 下载之后解压文件夹,复制 node_modules 下的 npm 文件夹到 nvm 下对应 node 版本的 node_modules 文件夹里
    • 复制以下 4 个文件到 nvm 下对应的 node 文件夹内

    image

    • 此时已经可以使用 npm 命令了

二、npm 配置

  1. 创建文件夹
D:\nvm\node_global
D:\nvm\node_cache
  1. 配置 npm 全局模块的存放路径以及 cache 的路径以及淘宝镜像
npm config set prefix /d/nvm/node_global/
npm config set cache /d/nvm/node_cache/
npm config set registry https://registry.npmmirror.com/

# 之前的源已失效
# npm config set registry http://registry.npm.taobao.org

# 可以执行下这句,以防以后使用 Electron 安装依赖不成功
npm config set electron_mirror https://npmmirror.com/mirrors/electron/

# 之前的源已失效
# npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

# 查看配置信息
npm config list
  1. 安装express
npm install express -g
  1. 在系统变量下新建 NODE_PATH,输入 D:\nvm\node_global\node_modules,这一步是为了可以 require 全局安装的包(原因是 node 在执行 require 语句时,会寻找 NODE_PATH 地址,从中获取模块资源)

  2. 之后可以进入 node 环境测试下,输入 require(‘express’),如果没问题的话,会输出express的相关信息

    注意:环境变量配置后,cmd 需要重启才能生效

  3. 由于改变了全局模块的默认存放地址,所以需要在系统变量的 path 中添加 node cmd 的路径:D:\nvm\node_global,以便在命令行中可以使用全局安装的工具,例如 rimraf、http-server 等

三、yarn 配置

  • yarn 和 npm 全局安装的包都应该以工具型为主,否则应该使用局部安装
  • 安装全局的包尽量使用 npm,局部的可以选择使用 yarn,可以提升安装速度
  • 用 yarn 安装的全局包所在的文件夹( D:\nvm\yarn_global\node_modules )内还有其它的辅助包,与用 npm 安装的全局包是分隔开的
  • 这个配置下,yarn 全局安装的包可以在命令行中使用,但不能被 require,毕竟,NODE_PATH 的路径只能设置一个
  • 所以:如果不用 yarn 安装全局工具包或局部包,则不需要以下配置
  1. 安装yarn
npm install yarn -g
  1. 创建两个文件夹
D:\nvm\yarn_cache
D:\nvm\yarn_global
  1. 配置yarn全局安装位置和缓存位置以及淘宝镜像
yarn config set global-folder /d/nvm/yarn_global/
yarn config set cache-folder /d/nvm/yarn_cache/
yarn config set registry https://registry.npmmirror.com/

#查看配置信息
yarn config list
  1. 全局安装一个包
yarn global add rimraf
  1. 配置环境变量
D:\nvm\yarn_global\node_modules\.bin

# 或者(推荐)
D:\nvm\node_global\bin

# 这两个文件夹内的内容是完全一样的

下一篇 Git 常用命令

最近的文章

终端配置代理2024年10月3日
Git 常用命令2024年10月3日
nodejs 环境配置2024年10月3日

分类

  • 前端
  • 工具

归档

  • 2024年10月
Rife Free Theme ❤ Made by Apollo13Themes.com | 皖ICP备20006502号-1

hi,你好,欢迎访问我的博客!

ZEROL

保持独立思考,不忘学习,不忘编码。

This is ZEROL
Welcome !