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

相关推荐
程楠楠&M4 小时前
node.js第三方Express 框架
前端·javascript·node.js·express
盛夏绽放4 小时前
Node.js 和 Socket.IO 实现实时通信
前端·后端·websocket·node.js
Roc.Chang6 小时前
macos 使用 nvm 管理 node 并自定义安装目录
macos·node.js·nvm
怕冷的火焰(~杰)8 小时前
Node基本使用
node.js
_半夏曲9 小时前
node.js、nginx、iis、tomcat针对部署方面的简述
nginx·node.js·tomcat
生椰拿铁You10 小时前
09 —— Webpack搭建开发环境
前端·webpack·node.js
酷酷的威朗普16 小时前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
前端李易安1 天前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
Ztiddler2 天前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山2 天前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js