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_globalnode_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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。