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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/241365.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Java连接数据库的各种细节错误(细节篇)

目录 前后端联调(传输文件) ClassNotFoundException: SQLException: SQL语法错误: 数据库连接问题: 驱动问题: 资源泄露: 并发问题: 超时问题: 其他库冲突: 配置问题: 网络问题: SSL/TLS问题: 数据库权限问题: 驱动不兼容: 其他未知错误…

祝贺!2023美丽汉字小达人市级比赛和区级自由报名获奖名单发布

昨天,汉字小达人的主办方《中文自修》杂志社在官网发布了两个公示:《“中文自修杯”第十届上海市小学生“美丽汉字小达人”市级活动获奖名单公示》、《“中文自修杯”第十届上海市小学生“美丽汉字小达人”区级活动“自由报名”获奖名单公示》。 这两份名…

在虚拟机的Windows操作系统中:通过Jar方式若依项目,以及在外部的访问!

📚📚 🏅我是默,一个在CSDN分享笔记的博主。📚📚 ​​ 🌟在这里,我要推荐给大家我的专栏《Windows》。🎯🎯 🚀无论你是编程小白,还是有…

SCA面面观 | 五大维度提升,让SCA产品走向成熟

随着开源软件的迅速崛起,特别是在2021年SolarWinds和Log4j漏洞事件引发全球关注后,软件成分分析(Software Composition Analysis,简称SCA)越来越受到业界的重视。SCA产品已经逐渐成为企业软件供应链资产管理、漏洞管理…

【UE 材质】切换颜色、纹理时的过渡效果

效果 步骤 1. 新建一个工程,创建Basic关卡 2. 创建一个材质,这里命名为“M_Plane”,打开这个材质,在材质图表中添加如下节点 注意“Noise”节点中的函数选择“Voronoi” 3. 对材质“M_Plane”创建材质实例 4. 在场景中放置一个平…

Java_Mybatis_缓存

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

Impala4.x源码阅读笔记(二)——Impala如何高效读取Iceberg表

前言 本文为笔者个人阅读Apache Impala源码时的笔记,仅代表我个人对代码的理解,个人水平有限,文章可能存在理解错误、遗漏或者过时之处。如果有任何错误或者有更好的见解,欢迎指正。 Iceberg表是一种用于存储大规模结构化数据的…

Vue指令之v-on

v-on指令用于注册事件,作用是添加监听与提供事件触发后对应的处理函数。 v-on有两种语法,在提供处理函数的时候既可以直接使用内联语句,也可以提供函数的名字。 第一种语法是直接提供内联语句,如下 v-on:事件名 "内联语句…

外贸SOHO建站教程?海洋建站推广如何做?

外贸SOHO建站推广的步骤?国际贸易网站建设方法? 随着互联网的普及和发展,越来越多的外贸SOHO从业者选择通过建立自己的网站来拓展业务。那么,如何搭建一个专业、高效的外贸网站呢?海洋建站将为您提供一份详细的外贸SO…

Java - Bean的生命周期

Bean的生命周期之5步 Bean生命周期的管理,可以参考Spring的源码:AbstractAutowireCapableBeanFactory类的doCreateBean()方法。 Bean生命周期可以粗略的划分为五大步: 第一步:实例化Bean 第二步:Bean属性赋值 第三…

扫描电镜(SEM)样品在进行扫描电镜观察前需要进行哪些处理

对于扫描电镜(Scanning Electron Microscope,SEM)样品的制备,需要经过一系列处理步骤以确保样品表面的干净、导电性好,并且能够提供高质量的显微图像。以下是一些常见的处理步骤: 1. 固定样品(…

Vue 学习随笔系列七 -- 表单动态生成

表单动态生成 文章目录 表单动态生成1、动态表单组件封装2、组件引用3、实现效果 1、动态表单组件封装 <!-- 动态生成下拉框&#xff0c;可同理生成input框等 --> <template><el-dialogcustom-class"custom-dialog":title"dialogTitle":vi…

Linux 使用定时任务

在Linux中&#xff0c;你可以使用cron&#xff08;定时任务管理器&#xff09;来设置和管理定时任务。以下是使用cron的基本步骤 编辑定时任务列表 打开终端&#xff0c;输入以下命令来编辑当前用户的定时任务列表 crontab -e如果是要编辑系统范围的定时任务&#xff0c;可以…

如何在忘记密码的情况下恢复解锁 iPhone

您忘记了 iPhone 密码吗&#xff1f;Apple 官方通常建议将 iPhone 恢复至出厂设置以将其删除。这种修复很不方便&#xff0c;甚至可能比问题本身更麻烦。 如果您也经历过同样的情况&#xff0c;并且想知道忘记了 iPhone 密码并且不想恢复它该怎么办&#xff0c;我们的终极指南…

docker基本管理和docker相关概念

docker是开源的的应用容器引擎&#xff0c;基于go语言开发的&#xff0c;运行在linux系统当中的开源的轻量级的"虚拟机。 docker的容器技术可以在一台主机上轻松的为任何应用创建一个轻量级的&#xff0c;可以移植的&#xff0c;自给自足的容器 docker的宿主机是linux系…

ElementPlus table 中嵌套 input 输入框

文章目录 需求分析 需求 vue3 项目中 使用UI组件库 ElementPlus 时&#xff0c;table 中嵌入 input输入框 分析 <template><div class"p-10"><el-table :data"tableData" border><el-table-column prop"date" label&qu…

jemeter,http cookie管理器

Http Cookie管理器自动实现Cookie关联的原理&#xff1a; (默认:作用域在同级别的组件) 一:当Jmeter第1次请求服务器的时候,如果说服务器有通过响应头的Set-Cookie有返回Cookie,那么Http Cookie管理器就会自动的保存这些Cookie的值。 二&#xff1a;当Jmeter第2-N次请求服务器的…

【同步FIFO_2023.12.13】

同步fifo&#xff0c;写时钟和读时钟为同一个时钟&#xff0c;用于交互数据缓冲 fifo的深度&#xff1a;同一块数据内存的大小 reg [2:0] Mem [8];//宽度3&#xff0c;深度8典型同步fifo的三部分 fifo写控制逻辑&#xff1a;写地址、写有效信号&#xff0c;fifo写满、写错等状…

ArkUI组件

目录 一、概述 声明式UI 应用模型 二、常用组件 1、Image&#xff1a;图片展示组件 示例 配置控制授权申请 2、Text&#xff1a;文本显示组件 示例 3、TextInput&#xff1a;文本输入组件 示例 4、Button&#xff1a;按钮组件 5、Slider&#xff1a;滑动条组件 …

Navicat 技术指引 | 适用于 GaussDB 分布式的数据查看器

Navicat Premium&#xff08;16.3.3 Windows 版或以上&#xff09;正式支持 GaussDB 分布式数据库。GaussDB 分布式模式更适合对系统可用性和数据处理能力要求较高的场景。Navicat 工具不仅提供可视化数据查看和编辑功能&#xff0c;还提供强大的高阶功能&#xff08;如模型、结…