当前位置: 首页 > news >正文

node.js安装和配置

软件介绍

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

相关文章:

node.js安装和配置

软件介绍 Node.js是一个免费的、开源的、跨平台的JavaScript运行时环境,允许开发人员在浏览器之外编写命令行工具和服务器端脚本。 Node.js是一个基于Chrome JavaScript运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Googl…...

【周报2023.12.09】

周报2023.12.09 本周开展工作下周工作计划 本周开展工作 本周开展的工作的话一共是一下几点: 这三点的话是紧密相连的 逻辑这边需要考虑的东西很多 点击生成照片,然后获取生成照片的状态点击生成照片,然后获取生成照片的时间,并…...

基于ssm大学生创新创业平台项目管理子系统设计与实现论文

摘 要 互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对大学生创新创业项目信息管理混乱,出错率高,信…...

JS基础之原型原型链

JS基础之原型&原型链 原型&原型链构造函数创建对象prototypeprotoconstructor实例与原型原型的原型原型链其他constructorproto继承 原型&原型链 构造函数创建对象 我们先使用构造函数创建一个对象: function Person(){ } var person new Person();…...

【力扣100】54.螺旋矩阵

添加链接描述 class Solution:def spiralOrder(self, matrix: List[List[int]]) -> List[int]:if not matrix or not matrix[0]:return list()rows, columns len(matrix), len(matrix[0])order list()left, right, top, bottom 0, columns - 1, 0, rows - 1while left &…...

UI 优先的统一身份认证系统 Casdoor

Casdoor 是一个基于 OAuth 2.0 / OIDC 的 UI 优先集中认证 / 单点登录 (SSO) 平台,简单点说,就是 Casdoor 可以帮你解决 用户管理 的难题,你无需开发用户登录注册等与用户鉴权相关的一系列功能,只需几个步骤,简单配置&…...

Realme X7 Pro Root 刷机教程

Realme X7 Pro 刷机教程 Just For Fun,最近倒腾了下Realme X7 Pro 刷root。此博客为个人记录刷机过程,如有机友跟随本教程操作,请谨慎操作!!! 以下教程真针对Realme X7 Pro,其他版本方法未知&…...

postgresql自带指令命令系列三

目录 简介 bin目录 28.pg_verifybackup 29.pg_waldump 30.postgres 31.postmaster -> postgres 32.psql 33.reindexdb 34.vacuumdb 35.vacuumlo 总结: 简介 在安装postgresql数据库的时候会需要设置一个关于postgresql数据库的PATH变量 export PATH/…...

Java_mybatis-结果集映射-ResultTypeResultMap

Mybatis返回值接收 可以使用两种方式进行参数的接收 resultTyperesultMap 这两种分别都是需要在Mapper.xml文件中去设置的 当结果是一个简单的对象或者list或者map,对象中没有嵌套对象,或者集合时,就可以直接使用resultType 反之如果需要…...

【Java】MySQL存储 MD5 值应该用 VARCHAR 还是CHAR?

CHAR 非常适合存储 MD5 值。因为MD5 值是一个定长的值,对于固定长度的非常短的列,CHAR比VARCHAR的效率更高。 CHAR和VARCHAR的区别: 1)存储长度不同,CHAR 的长度是固定的,VARCHAR 的长度是可变的 假设,当我们定义 CHA…...

pytorch中五种常用随机矩阵构造方法:rand、randn、randn_like、randint、randperm

1 torch.rand:构造均匀分布张量 torch.rand是用于生成均匀随机分布张量的函数,从区间[0,1)的均匀分布中随机抽取一个随机数生成一个张量,其调用方法如下所示: torch.rand(sizes, outNone) ➡️ Tensor 参数: sizes&…...

2023第二届全国大学生数据分析大赛A完整原创论文(含摘要+问题分析+模型建立与求解+python代码)

大家好,从昨天肝到现在,终于完成了2023第二届全国大学生数据分析大赛A题某电商平台用户行为分析与挖掘的完整论文啦。 给大家看一下目录吧: 目录 摘 要: 10 一、问题重述 12 二.问题分析 13 2.1问题一 13 2.2问…...

Qt 面试指南

一、c基础知识 1、进程和线程的同步方式 进程:1)管道,是内核里的一串缓存 2)消息队列 3)共享内存 4)信号量机制 5)信号 6)socket 线程:1)等待通知机制 2&…...

开利网络的数字化技术加持下,加快扶贫和乡村振兴的效果和进程!

今日,来自山区省份的从事公益、区域民族文化传播、帮扶贫困地区脱贫、农业兴村贵州项目组一行来开利进行数字化脱贫、帮助乡村振兴解决方案探讨交流,交流中,开利网络总结出历经多年实践验证且行之有效的数字化经营、数字化建设经验得到与会成…...

PR剪辑视频做自媒体添加字幕快速方式(简单好用的pr视频字幕模板)

如何选择合适的字幕添加进短视频呢?首先要先确定增加的视频风格,简约、商务、科技感、炫酷;再确定用途,注释、标记、语音翻译、引用、介绍;最后在相应的模板中挑选几个尝试,悬着一个最切合主题的使用&#…...

金融行业文件摆渡,如何兼顾安全和效率?

金融行业是数据密集型产业,每时每刻都会产生海量的数据,业务开展时,数据在金融机构内部和内外部快速流转,进入生产的各个环节。 为了保障基础的数据安全和网络安全,金融机构采用网络隔离的方式来隔绝外部网络的有害攻击…...

[足式机器人]Part2 Dr. CAN学习笔记-自动控制原理Ch1-1开环系统与闭环系统Open/Closed Loop System

本文仅供学习使用 本文参考: B站:DR_CAN Dr. CAN学习笔记-自动控制原理Ch1-1开环系统与闭环系统Open/Closed Loop System EG1: 烧水与控温水壶EG2: 蓄水与最终水位闭环控制系统 EG1: 烧水与控温水壶 EG2: 蓄水与最终水位 h ˙ q i n A − g h A R \dot{…...

每日一题,杨辉三角

给定一个非负整数 numRows,生成「杨辉三角」的前 numRows 行。 示例 1: 输入: numRows 5 输出: [[1],[1,1],[1,2,1],[1,3,3,1],[1,4,6,4,1]] 示例 2: 输入: numRows 1 输出: [[1]]...

Java_Mybatis_缓存

缓存 1.概述 Mybatis 缓存:MyBatis 内置了一个强大的事务性查询缓存机制,它可以非常方便地配置和定制 2.会话缓存(一级缓存) sqlSession 级别的,也就是说,使用同一个 sqlSession 查询同一 sql 时&#x…...

C#基础面试题集

C#基础 1. 简述值类型和引用类型有什么区别2. C# String类型比 stringBuilder 类型的优势是什么?3.面向对象的三大特点4.请简述private,public,protected,internal的区别5.结构体和类6.请描述Interface与抽象类之间的不同7.在类的构造函数前…...

Qwen3.5-9B-AWQ-4bit镜像免配置教程:无需conda/pip,7860端口直连使用

Qwen3.5-9B-AWQ-4bit镜像免配置教程:无需conda/pip,7860端口直连使用 1. 开箱即用的视觉理解模型 今天要介绍的是一个能"看懂"图片的AI模型——Qwen3.5-9B-AWQ-4bit。这个模型最厉害的地方在于,它不仅能理解文字,还能…...

如何成为一名出色的SEO优化师

如何成为一名出色的SEO优化师 在当今的数字化时代,搜索引擎优化(SEO)已经成为了每个企业和个人网站获得流量和提升品牌知名度的关键手段。但是,成为一名出色的SEO优化师并非易事,需要掌握一系列专业知识和技能。本文将…...

SEO 和网站推广有什么区别_如何判断一个网站的 SEO 质量

SEO 和网站推广有什么区别 在数字营销的广阔天地中,SEO(搜索引擎优化)和网站推广是两个常被提及的概念。它们虽然都旨在提升网站的流量和知名度,但实际上,它们之间有着显著的区别。理解这两者的异同,对于有…...

如何使用hello-uniapp性能监控工具实时掌握应用运行状态

如何使用hello-uniapp性能监控工具实时掌握应用运行状态 【免费下载链接】hello-uniapp uni-app框架演示示例 项目地址: https://gitcode.com/gh_mirrors/he/hello-uniapp hello-uniapp性能监控工具是uni-app框架演示示例中的核心功能模块,它提供了一套完整的…...

实战应用开发:基于快马平台构建集成heic转换功能的图片管理系统

最近在做一个图片管理系统的项目,其中遇到一个很实际的需求:用户上传的HEIC格式照片需要自动转换成通用的JPG格式。这个功能看似简单,但实际开发中需要考虑很多细节。下面分享下我在InsCode(快马)平台上实现这个功能的完整过程。 项目整体架构…...

边缘检测算法选型指南:从Sobel到Canny的5个实际场景对比(含医疗/自动驾驶案例)

边缘检测算法实战选型:医疗影像与自动驾驶场景下的Sobel与Canny深度评测 在计算机视觉领域,边缘检测作为图像处理的基础环节,直接影响着后续特征提取和目标识别的准确性。面对医疗影像分析、自动驾驶感知等对精度和实时性要求极高的场景&…...

剪接位点与调控元件预测:基于机器学习的基因注释增强

点击 “AladdinEdu,你的AI学习实践工作坊”,注册即送-H卡级别算力,沉浸式云原生集成开发环境,80G大显存多卡并行,按量弹性计费,教育用户更享超低价。 摘要:精确识别剪接位点和剪接调控元件是理解…...

夜间自动化!OpenClaw调度Qwen3-4B完成凌晨数据备份

夜间自动化!OpenClaw调度Qwen3-4B完成凌晨数据备份 1. 为什么需要夜间自动化备份 凌晨三点,我的手机突然弹出服务器告警——又一次因为手动备份遗漏导致磁盘空间不足。作为个人开发者,我意识到需要一套能利用闲置计算资源的自动化方案。传统…...

Alfred-Workflow 自动化更新:利用 GitHub Releases 实现工作流无缝升级

Alfred-Workflow 自动化更新:利用 GitHub Releases 实现工作流无缝升级 【免费下载链接】alfred-workflow Full-featured library for writing Alfred 3 & 4 workflows 项目地址: https://gitcode.com/gh_mirrors/al/alfred-workflow Alfred-Workflow 是…...

别再手动调样式了!用WangEditor的Menu API在Vue3里打造你的专属工具栏

深度定制WangEditor:用Menu API在Vue3中构建企业级富文本生态 当我们需要在Vue3项目中集成富文本编辑器时,WangEditor以其轻量级和高度可定制性成为许多开发者的首选。但真正发挥其威力的关键在于深入理解其Menu API系统——这套机制允许我们突破默认功能…...