node.js安装和配置

2023-12-13 17:34:27

软件介绍

Node.js是一个免费的、开源的、跨平台的JavaScript运行时环境，允许开发人员在浏览器之外编写命令行工具和服务器端脚本。
Node.js是一个基于Chrome JavaScript运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
Node.js官网：https://nodejs.org/en
image.png

软件下载

下载地址：https://www.123pan.com/s/hM6Yjv-RYBr.html
提取码：xHL1
image.png

软件安装

  1. 双击 node-v20.10.0-x64.msi（推荐安装长期维护版，即稳定版）运行Node安装程序

image.png

  1. 点击【Next】

PixPin_2023-12-07_20-40-45.png

  1. 勾选【I accept the terms in the license Agreement】

PixPin_2023-12-07_20-41-30.png

  1. 点击【Next】按钮

PixPin_2023-12-07_20-41-50.png

  1. 默认安装地址为“C:\Program Files\nodejs\”可点击【Change】选择文件夹，点击【OK】。

PixPin_2023-12-07_20-44-07.png

PixPin_2023-12-07_20-44-57.png

  1. 点击【Next】。

PixPin_2023-12-07_20-45-30.png

  1. 点击【Next】

PixPin_2023-12-07_20-46-09.png

  1. 安装必要工具，不用管，直接点【Next】按钮。

PixPin_2023-12-07_20-46-25.png

  1. 直接点【Install】开始安装。

PixPin_2023-12-07_20-46-44.png

image.png

  1. 安装完成，点击【Finish】

PixPin_2023-12-07_20-47-20.png

  1. win+R输入cmd打开终端控制台，验证是否安装成功

  • 输入node -v查看node版本信息

  • 输入npm -v查看npm版本信息

image.png

新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

  1. 查看npm默认存放位置

  • 输入npm get prefix查看npm全局模块的存放路径

  • 输入npm get cache查看npm缓存默认存放路径

软件配置

  1. 创建两个文件夹，要修改npm全局安装模块已经缓存的路径，否则执行npm安装命令会默认将依赖放到C盘
  2. 在node.js的安装目录下，创建node_global和node_cache 两个文件夹
node_global （npm安装的全局模块所在的路径）
node_cache （缓存cache的路径，如日志文件都会存在这个缓存文件夹里面）

image.png

  1. 修改npm全局模块与cache的存放位置
npm config set prefix "D:\TOOLS\nodejs\node_global" 
npm config set cache "D:\TOOLS\nodejs\node_cache"

PixPin_2023-12-07_21-03-07.png

  1. 打开系统设置，找到【系统】->【系统信息】->【高级系统设置】->【环境变量】

image.png

image.png

image.png

  1. 在系统变量中找到"Path",点击【编辑】

image.png

  1. 可以看到新版本安装时已经自动添加了“D:\TOOLS\nodejs\”，如果没有可手动添加

image.png

  1. 将设置的npm全局模块存放路径添加到Path，点击【新建】或者直接在下面空白行编辑输入

D:\TOOLS\nodejs\node_global\node_modules，点击【确定】

image.png

  1. 然后修改【用户变量】中的 Path 变量，将 C:\Users\wo\AppData\Roaming\npm 修改为D:\TOOLS\nodejs\node_global，修改完成后，一路点击【确定】，即可保存环境变量配置。

image.png

  1. 查看npm默认存放位置

  • 输入npm get prefix查看npm全局模块的存放路径

  • 输入npm get cache查看npm缓存默认存放路径

image.png

  1. 测试安装express模块

注意：-g等同于--global。不加-g是默认下载到当前目录。加-g是全局安装，即安装到之前设置的【node_global】目录下，同时node.js会自动地在【node_global】文件下创建【node_modules】子文件夹，即D:\TOOLS\nodejs\node_global\node_modules目录下

打开windows终端，输入
npm install express -g     # -g是全局安装的意思
npm install express --global

若运行出现以下错误，是没有文件夹访问权限导致的
image.png

  1. 到Node文件夹目录，右键【属性】，在【安全】栏下，点击【编辑】，将Authenticated Users设置允许完全控制，点击【确定保存】

    image.png

image.png

image.png

image.png
在运行命令，安装成功
image.png

  1. 打开以下目录D:\TOOLS\nodejs\node_global\node_modules可以看到【express】文件夹

image.png

更换镜像

将npm默认registry修改为淘宝registry

npm默认的registry，也就是下载npm包时会从国外的服务器下载，国内下载会很慢，一般更换为淘宝镜像：
http://registry.npm.taobao.org

  1. 查看当前使用的镜像路径
npm config get registry

image.png

  1. 更换npm为淘宝镜像
npm config set registry http://registry.npm.taobao.org

image.png

  1. 检查镜像是否配置成功
npm config get registry

image.png

全局安装基于淘宝源的cnpm

由于npm的服务器在海外，所以访问速度比较慢，访问不稳定，cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm的镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装，在项目创建与卸载等相关操作时仍使用npm。

  1. 全局安装基于淘宝源的cnpm
npm install -g cnpm  --registry http://registry.npm.taobao.org

image.png

  1. 执行命令查看cnpm是否安装成功
cnpm -v

出现以下内容，即安装成功。

image.png

  1. 本地查看cnpm模块，文件路径D:\TOOLS\nodejs\node_global\node_modules

    image.png

文章来源:https://blog.csdn.net/Mr__Shen/article/details/134908221
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。