Node.JS安装及配置教程(Windows)【安装】

文章目录

  • [一、 Node.JS 下载](#一、 Node.JS 下载)
  • [二、 Node.JS 安装](#二、 Node.JS 安装)
  • [三、 Node.JS验证](#三、 Node.JS验证)
  • [四、 Node.JS 配置(可选)](#四、 Node.JS 配置(可选))
    • [1. 配置全局模块安装路径](#1. 配置全局模块安装路径)
    • 方法一
    • 方法二
    • [2. 配置国内镜像](#2. 配置国内镜像)
  • [五、 yarn 安装](#五、 yarn 安装)
  • [六、 yarn 换源](#六、 yarn 换源)
  • [七、 yarn 卸载](#七、 yarn 卸载)
  • [八、 yarn 常用命令](#八、 yarn 常用命令)

软件 / 环境安装及配置目录

一、 Node.JS 下载

1. 官网下载

(1)国内地址

安装地址:https://nodejs.cn/download/current/

  1. 打开浏览器输入网址 https://nodejs.cn/download/current/,进入 Node.JS 官网,点击最新版本,选择对应的操作系统和版本下载即可

(2)国外地址

安装地址:https://nodejs.org/en

  1. 打开浏览器输入网址 https://nodejs.org/en,进入 Node.JS 官网,可以看到当前的版本,选择对应的操作系统和版本下载即可,LTS 是大多用户使用的稳定版本, Current 是最新版本, 这里选择的是稳定版本(20.12.2)

2. 其它渠道

(1)百度网盘(18.20.0 版本)

链接:链接:链接:https://pan.baidu.com/s/1IhUGeRKIuQJPmSxWrz1a4w?pwd=yx7u

提取码:yx7u

二、 Node.JS 安装

  1. 打开下载安装的文件夹下的安装包,双击进行安装,点击 Next
  2. 勾选接受协议许可中的条款,点击 Next
  3. 选择安装路径,点击 Next
  4. 自定义设置,一般默认即可,点击 Next
  5. 安装原生模块的工具,一般不进行安装,点击 Next
  6. 点击 Install 等待安装即可

三、 Node.JS验证

  1. 打开 CMD 窗口,执行命令 node -v 查看n Node 版本
  2. 最新版的 Node.JS 在安装时同时也安装了 npm,执行 npm -v 查看 npm 版本
  3. 默认状况下,在执行 npm install -g XXXX 时,下载了一个全局包,这个包的默认存放路径:C:\Users\Administrator\AppData\Roaming\npm\node_modules下, 打开 CMD 窗口,执行命令 npm root -g 查看
  4. 经常 Node 的命令

npm -v :查看 npm 安装的版本。

npm init :会引导你建立一个 package.json 文件,包括名称、版本、作者等信息。

npm list :查看当前目录下已安装的 Node 包。

npm ls :查看当前目录下已安装的 Node 包。

npm install moduleNames :安装 Node 模块到本地目录 node_modules 下。

npm install < name > -g :将包安装到全局环境中。

npm install < name > --save :安装的同时,将信息写入 package.json 中,项目路径中若是有package.json文件时,直接使用 npm install 方法就能够根据 dependencies 配置安装全部的依赖包,这样代码提交到 Git 时,就不用提交 node_modules 这个文件夹了。

npm install < name> --save-dev :安装的同时,将信息写入 package.json 中项目路径中若是有 package.json 文件时,直接使用 npm install 方法就能够根据 devDependencies 配置安装全部的依赖包,这样代码提交到 Git 时,就不用提交 node_modules 这个文件夹了。

npm uninstall moudleName:卸载 Node 模块。

四、 Node.JS 配置(可选)

1. 配置全局模块安装路径

  1. 打开安装的目录(默认安装情况下在C:\Program Files\nodejs),在安装目录下新建两个文件夹 node_globalnode_cache

方法一

  1. 再次打开 CMD 命令窗口,输入 npm config set prefix "你的路径\node_global"npm config set cache "你的路径\node_cache" ,执行的时候建议使用管理员权限打开 CMD,否则有可能会提示权限不够报错

npm config set prefix "C:\Application\Learn\NodeJS\node_global"

npm config set cache "C:\Application\Learn\NodeJS\node_cache"

方法二

  1. 在 Node.JS 的安装目录下(默认安装情况下在C:\Program Files\nodejs),进入 node_modulesnpm 打开 npmrc 文件
  2. 添加以下命令

prefix=创建的node_global文件夹所在路径 // prefix=C:\Application\Learn\NodeJS\node_global

cache=创建的node_cache文件夹所在路径 // cache=C:\Application\Learn\NodeJS\node_cache

  1. 点击 我的电脑 → 右键 → 选择 属性 ,点击 高级系统设置,或者 控制面板系统和安全系统 也可以找到 高级系统设置,或者快捷键 Win + S ,在输入框中输入 env,回车即可
  2. 点击环境变量后,跳出如下图所示对话框,第一步点击 "新建",随后跳出 "新建系统变量" 对话框,在弹出的 新建系统变量 对话框中的 变量名 填入 NODE_PATH,变量值填入 :C:\Application\Learn\NodeJS\node_modules(默认安装都是在 C 盘的)

  3. 双击打开 Path,将默认的 C 盘下 APPData\Roaming\npm 修改成:C:\Application\Learn\NodeJS\node_modules(安装 Node.JS 时所在的文件夹下的 node_modules 文件夹, 默认安装都是在 C 盘的),点击 确定

2. 配置国内镜像

官方镜像源:https://registry.npmjs.org/

更新最新淘宝镜像源:npm config set registry https://registry.npmmirror.com

查看配置是否成功:npm config list

五、 yarn 安装

  1. 使用 npm 安装,打开 CMD 分别运行以下命令即可

npm install -g yarn

  1. 配置环境变量,双击打开 Path,点击新建按钮,输入:C:\Application\Learn\NodeJS\node_global\node_modules\yarn\bin(安装 yarn 的文件夹, 默认安装都是在 C 盘的,如果配置了Node则在对应的 node_global 文件夹下),点击 确定
  2. 查看 yarn 版本

yarn --version

六、 yarn 换源

查看当前 yarn 源:yarn config get registry

yarn 淘宝源安装,打开 CMD 分别运行以下命令即可:

yarn config set registry https://registry.npm.taobao.org -g

七、 yarn 卸载

打开 CMD 分别运行以下命令即可

npm uninstall yarn -g

八、 yarn 常用命令

初始化 :yarn init

添加包 :yarn add [package] 或 yarn add [package]@[version] 或 yarn add [package]@[tag]

添加到不同依赖项 :yarn add [package] --dev 或 yarn add [package] --peer 或 yarn add [package] --optional

升级包 :yarn upgrade [package]

移除依赖包 :yarn remove [package]

安装所有依赖:yarn 或 yarn install

相关推荐
垣宇19 小时前
Vite 和 Webpack 的区别和选择
前端·webpack·node.js
爱吃南瓜的北瓜19 小时前
npm install 卡在“sill idealTree buildDeps“
前端·npm·node.js
翻滚吧键盘19 小时前
npm使用了代理,但是代理软件已经关闭导致创建失败
前端·npm·node.js
浪九天20 小时前
node.js的版本管理
node.js
浪九天1 天前
node.js的常用指令
node.js
浪九天1 天前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
小纯洁w1 天前
Webpack 的 require.context 和 Vite 的 import.meta.glob 的详细介绍和使用
前端·webpack·node.js
熬夜不洗澡2 天前
Node.js中不支持require和import两种导入模块的混用
node.js
bubusa~>_<2 天前
解决npm install 出现error,比如:ERR_SSL_CIPHER_OPERATION_FAILED
前端·npm·node.js
天下皆白_唯我独黑2 天前
npm 安装扩展遇到证书失效解决方案
前端·npm·node.js