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

发布于:2024-04-28 ⋅ 阅读:(28) ⋅ 点赞:(0)

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

一、 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


网站公告

今日签到

点亮在社区的每一天
去签到