最新最详细的配置Node.js环境教程

news2025/1/8 15:41:31
配置Node.js环境
  • 一、前言
    • （一）为什么要配置Node.js？
    • （二）NPM生态是什么
    • （三）Node和NPM的区别
  • 二、如何配置Node.js环境
    • 第一步、安装环境
    • 第二步、安装步骤
    • 第三步、验证安装
    • 第四步、修改全局模块下的安装路径
    • 第五步、更换npm源为淘宝镜像源
    • 六、全局安装基于淘宝源的cnpm
      • 【报错】
      • 【尝试】
      • 【临时解决方案】
    • 三、总结

2024/3/14

一、前言

（一）为什么要配置Node.js？

运行JavaScript文件通常需要要配置Node.js，主要基于几个原因：

  1. JavaScript环境：传统的JavaScript是在浏览器环境中运行的，依赖于浏览器提供的API（如DOM操作、网络请求等）。然而，在服务器或本地环境中并没有这些浏览器API。Node.js提供了一个可以执行JavaScript代码的环境，包括基本的API，如文件I/O、网络通信等。
  2. V8引擎：Node.js包含了谷歌的V8 JavaScript引擎，这是执行JavaScript代码的核心组件。没有这个引擎，系统就无法理解并执行JavaScript代码。
  3. 事件循环和非阻塞I/O：Node.js设计为单线程并利用事件循环机制来处理并发，这使得它非常适合I/O密集型任务，例如Web服务。没有Node.js，你需要自己实现这样的机制或者使用其他语言和框架。
  4. 模块系统：Node.js提供了 CommonJS 模块系统，允许开发者通过require函数导入其他JavaScript模块。这是Node.js特有的，不适用于浏览器环境。
  5. npm生态：通过Node.js，开发者能够访问庞大的npm（Node Package Manager）生态系统，这个生态系统包含数以万计的开源库和工具，极大地促进了开发效率和功能扩展。
  6. 后端JavaScript：如果你希望用JavaScript编写后端代码，那么Node.js是一个非常好的选择，因为它让你可以用同一种语言进行全栈开发。
  7. 桌面和命令行应用：Node.js还允许你创建桌面和命令行应用。没有Node.js，JavaScript无法直接用于这类应用的开发。

简而言之，Node.js提供了在_服务器或本地环境_运行JavaScript所必需的运行时环境和库，使得JavaScript的应用范围扩展到了浏览器之外。如果没有Node.js，开发者将无法在非浏览器环境下执行JavaScript代码。

（二）NPM生态是什么

NPM生态是指围绕Node Package Manager（NPM）建立起来的庞大的软件包和工具的生态系统。这个生态系统对于前端和后端开发者来说都是极其重要的资源，它提供了如下几个关键特点：

  • 丰富的包资源：NPM拥有大量的包（packages），这些包是由社区成员开发的，并且可以供其他开发者使用。这些包涵盖了从前端框架到实用工具，再到后端服务的各个方面。
  • 跨平台兼容性：许多NPM包是跨平台的，这意味着它们既可以在服务器端（如Node.js环境）也可以在浏览器端运行。这为开发者提供了极大的灵活性，使得一些包能够在不同的项目中重复使用。
  • 版本控制：NPM允许开发者在安装包时指定具体的版本号，这为项目提供了稳定性和可预测性。开发者可以通过这种方式来确保他们的项目依赖于特定版本的包，以避免潜在的不兼容问题。
  • 社区支持：NPM的成功部分归功于其庞大的开发者社区。社区成员不仅开发和维护包，还通过论坛、博客文章和教程等形式分享知识和最佳实践。
  • 发展历史：NPM最初是为Node.js设计的包管理器，但它已经发展成为一个现代的、功能齐全的包管理工具，其架构和功能不断演进以满足开发者的需求。

总的来说，NPM生态是一个由开发者驱动、社区支持的强大系统，它通过提供数以万计的高质量包和工具，极大地促进了前端和后端开发的便利性和效率。

（三）Node和NPM的区别

NPM（Node Package Manager） 是一个用于管理JavaScript包的命令行工具，它允许开发者安装、分享和分发软件包，特别是用于Node.js的模块。NPM是随同Node.js一起安装的，为Node.js提供了包管理的功能。

Node.js 是一个基于Chrome V8引擎的JavaScript运行时环境，它允许在服务器端执行JavaScript代码。Node.js的设计目标是提供一种简单的构建可扩展网络应用的方法。

功能上的联系与区别：

  • Node.js 提供了运行JavaScript的环境，使得开发者可以在服务器或本地机器上执行JavaScript代码，进行后端开发或者创建命令行工具等。
  • NPM 是随Node.js一起安装的，它是Node.js的默认包管理器，用于管理项目所依赖的库和模块。通过NPM，开发者能够轻松地安装、更新和删除包，以及管理项目依赖的版本。

简而言之，Node.js 是一个执行环境，而NPM 则是这个环境下的一个工具，用来管理项目所需的各种软件包和库。两者通常是捆绑在一起使用的，NPM是Node.js生态中不可或缺的一部分。

二、如何配置Node.js环境

第一步、安装环境

官网下载node.js : https://nodejs.cn/download/

image-20240313152259105

第二步、安装步骤

除了第三步更改安装目录，都可以直接下一步；

20240313152329

20240313152339

20240313152501

20240313152538

20240313152932

20240313152946

20240313153022

第三步、验证安装

win + R 打开命令行：

node -v
npm -v

image-20240313153810361

出现版本号，则代表安装成功；如果失败，将刚刚的安装包彻底删除，重新安装；

第四步、修改全局模块下的安装路径

【什么是全局模块有什么作用？】

全局模块是指在Node.js环境中，安装的包或模块对所有用户空间下的应用程序都可见和可用。

_修改全局模块_通常指的是更改全局模块的安装路径或缓存路径。默认情况下，npm（Node Package Manager）会将全局安装的模块存放在系统用户的AppData目录下，并在同一目录下创建用于存放缓存文件的文件夹。然而，有时候出于对磁盘空间利用的考虑或者其它管理目的，开发者可能需要修改这些路径。以下是如何修改全局模块路径的一般步骤：

  1. 确认Node.js已安装：确保已经安装了Node.js并将其添加到了环境变量中。可以通过在命令行输入node -v来检查Node.js是否安装成功。

  2. 创建新的文件夹：在Node.js的安装目录下创建两个新文件夹，分别用于存放全局模块(node_global)和缓存文件(node_cache)。

  3. 设置新的路径：通过npm配置命令npm config set prefix 和 npm config set cache来分别指定新的全局模块安装路径和缓存路径；说明：
    prefix = 创建的node_global文件夹所在路径
    cache = 创建的node_cache文件夹所在路径

    npm config set prefix "D:Node_v18.19.1
ode_global"
npm config set cache "D:Node_v18.19.1
ode_cache"

  4. 更新环境变量：修改环境变量，确保系统的PATH变量包含了新的全局模块路径，这样在任何位置运行命令时都能够访问到这些模块。

image-20240313162953526

image-20240313163358845

【用户变量】

将原来的用户变量-> Path ->【C:UserslidaxiaAppDateRoaming pm 】-> 【D:Node_v18.19.1 ode_global】

image-20240313165435308

【系统变量】

添加Path–>变量名：NODE_PATH-> 变量值：【D:Node_v18.19.1 ode_global ode_modules】

image-20240313165936875

在【系统变量】下的Path新建node全局文件夹【D:Node_v18.19.1 ode_global】

image-20240313170634013

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下。输入下面的命令：

npm install express -g # -g是全局安装的意思，不加 -g 就是默认下载到当前目录

出现以下报错：【权限问题，右击Nodejs文件夹，属性，安全，勾选所有权限】

image-20240313170855588

修改后：

image-20240313171140900

image-20240313171233195

image-20240313171357256

成功！

第五步、更换npm源为淘宝镜像源

npm默认的registry（注册表）

npm config get registry

npm config set registry https://registry.npmmirror.com

npm config get registry

image-20240314130830084

六、全局安装基于淘宝源的cnpm

【npm的服务器在海外，访问速度慢不稳定 】

cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像，一般会同步更新，相差在10分钟，所以使用cnpm在安装一些软件时候会比较有优势。但是一般cnpm只用于安装的时候，所以在项目创建与卸载等相关操作时候我们还是使用npm。

【注意】：原域名证书已经到期【https://registry.npm.taobao.org】—>npm新的源：【https://registry.npmmirror.com】

qq_pic_merged_1710391041993

npm install -g cnpm --registry=https://registry.npmmirror.com

下载后在node.js–全局模式node_global–cnpm模块可以查看文件模块

image-20240314130115703

【报错】

如果出现以下报错，则是由于证书过期导致的：

更换npm新的源：【https://registry.npmmirror.com】就行！

image-20240314105105961

20240314124535

【尝试】

在发现镜像源错了得时候，尝试了许多方法去解决证书过期问题（虽，最本质的问题不是这个问题，但也希望能给各位提供些思路：解决各类证书过期的问题）：

  1. 检查npm和Node.js版本确定为最新版；
  2. 清除npm缓存；
  3. 更换npm源为官方源；
  4. 重新安装cnpm。

如果过程中，如清除缓存仍然显示证书过期无法执行操作，参考临时解决方案：

【临时解决方案】

绕过ssl证书验证，后面用完得重新加上ssl证书验证：

npm canfig set strict-ssl false
npm canfig set strict-ssl true

20240314113110

20240314113240

三、总结

本文参考：https://blog.csdn.net/qq_48485223/article/details/122709354

原先clone下一个项目找不到Main函数，但里面全是js文件，就打算配置好Node.js环境以此来运行JavaScript文件（后面，我发现不用在本地配Node.js 环境也能运行项目——Html文件也能行！！！！啊啊啊啊！！！！！！）配都配了，那就好好配完！

跟着步骤一步步来，应该能顺利完成配置，遇到的一些特殊情况（镜像源域名证书到期）
我也已经帮各位踩了一遍坑，愿诸君一帆风顺，一次功成！
如对您有帮助请**！！点赞+收藏！！**

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

PHP框架+gatewayworker实现在线1对1聊天--接收消息（7）

PHP框架+gatewayworker实现在线1对1聊天--接收消息（7）

文章目录 接收消息的原理接收消息JavaScript代码 接收消息的原理 接收消息，就是接受服务器转发的客户端消息。并不需要单独创建函数，因为 ws.onmessage会自动接收消息。我们需要在这个函数里进行处理。因为初始化的时候，已经处理的init类型的…
阅读更多...
当算法遇到线性代数（四）：奇异值分解（SVD）

当算法遇到线性代数（四）：奇异值分解（SVD）

SVD分解的理论与应用 线性代数系列相关文章（置顶） 1.当算法遇到线性代数（一）：二次型和矩阵正定的意义 2.当算法遇到线性代数（二）：矩阵特征值的意义 3.当算法遇到线性代数&#xff0…
阅读更多...
科研绘图系列：R语言科研绘图之标记热图（heatmap）

科研绘图系列：R语言科研绘图之标记热图（heatmap）

禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者! 文章目录 介绍加载R包数据下载导入数据数据预处理画图系统信息参考介绍 科研绘图系列：R语言科研绘图之标记热图（heatmap） 加载R包 library(tidyverse) library(ggplot2) library(reshape)…
阅读更多...
Mysql--基础篇--SQL（DDL，DML，窗口函数，CET，视图，存储过程，触发器等）

Mysql--基础篇--SQL（DDL，DML，窗口函数，CET，视图，存储过程，触发器等）

SQL（Structured Query Language，结构化查询语言）是用于管理和操作关系型数据库的标准语言。它允许用户定义、查询、更新和管理数据库中的数据。SQL是一种声明性语言，用户只需要指定想要执行的操作，而不需要详细说明如何…
阅读更多...
Excel重新踩坑5：二级下拉列表制作；★数据透视表；

Excel重新踩坑5：二级下拉列表制作；★数据透视表；

0、在excel中函数公式不仅可以写在单元格里面，还可以写在公式里面。 1、二级下拉列表制作： 2、数据透视表： 概念：通过拖拉就能实现复杂函数才能实现的数据统计问题。 概览：在插入选项中有个数据透视表，数…
阅读更多...
Linux-----进程处理（waitpid，进程树，孤儿进程）

Linux-----进程处理（waitpid，进程树，孤儿进程）

目录 waitpid等待 进程树 孤儿进程 waitpid等待 Linux中父进程除了可以启动子进程，还要负责回收子进程的状态。如果子进程结束后父进程没有正常回收，那么子进程就会变成一个僵尸进程——即程序执行完成，但是进程没有完全结束，其…
阅读更多...
解决报错net.sf.jsqlparser.statement.select.SelectBody

解决报错net.sf.jsqlparser.statement.select.SelectBody

在我们项目集成mybatis-plus时,总会遇到奇奇怪怪的报错,比如说下面的这个报错 而这个报错,是告诉我们的分页依赖冲突,要加个jsqlparser依赖来解决这个冲突,也相当于平衡,但是可能因为我们版本的不匹配,还是会报错,例如下面这样 但是我们是不知道到底是什么依赖冲突的,这个时候就…
阅读更多...
感知器的那些事

感知器的那些事

感知器的那些事 历史背景Rosenblatt和Minsky关于感知机的争论弗兰克罗森布拉特简介提出感知器算法Mark I感知机争议与分歧马文明斯基简介单层感知器工作原理训练过程多层感知器工作原理单层感知机 vs 多层感知机感知器模型（Perceptron），是由心理学家Frank Rosenblatt在1957年…
阅读更多...
内核链表 例题 C语言实现

内核链表 例题 C语言实现

问题： 将下面的数据节点信息转换为链表结构，并遍历输出。要求根据type的值来决定val的类型。 type为1代表bool类型，2代表整形，3代表浮点型。无需解析文本，直接赋值形成节点即可。 代码： list.c #includ…
阅读更多...
C语言结构体数组

C语言结构体数组

上次我们讲解了结构体，这里还有高级应用就是结构体数组（集合的集合） （这里提醒一句，想要在北京参加NCRE考试的朋友们今天开始报名了） 定义 还是拿上回那个学生数据的结构体 typedef struct {int year;i…
阅读更多...
深入了解 ES6 Map：用法与实践

深入了解 ES6 Map：用法与实践

🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 E…
阅读更多...
在Vue3项目中使用svg-sprite-loader

在Vue3项目中使用svg-sprite-loader

1.普通的svg图片使用方式 1.1 路径引入 正常我们会把项目中的静态资源放在指定的一个目录&#xff0c;例如assets,使用起来就像 <img src"../assets/svgicons/about.svg" /> 1.2封装组件使用 显然上面的这种方法在项目开发中不太适用&#xff0c;每次都需…
阅读更多...
谷歌SEO真的需要很长时间吗？

谷歌SEO真的需要很长时间吗？

关键在于策略与执行力&#xff0c;很多人在刚开始做谷歌SEO时&#xff0c;都会产生一种挫败感&#xff0c;觉得排名变化太慢&#xff0c;看不到显著效果。这其实是因为SEO本身是一项需要时间的工作&#xff0c;特别是在竞争激烈的领域。但如果策略得当、执行力强&#xff0c;时…
阅读更多...
耐高压26V输入5V升压充电8.4V芯片

耐高压26V输入5V升压充电8.4V芯片

HU6877作为一款集成了26V高耐压保护的5V升压至8.4V两节锂电池充电管理IC&#xff0c;凭借其高效升压、智能充电管理、多重安全保护及高耐压特性&#xff0c;在高端手电筒、便携式医疗设备、无人机等领域展现出了广泛的应用前景。本文将详细探讨HU6877的技术特点、工作原理、应用…
阅读更多...
linuxCNC（六）配置LinuxCNC完成伺服控制

linuxCNC（六）配置LinuxCNC完成伺服控制

这里写目录标题 1、 cia402安装2、找伺服描述文件&#xff08;xml&#xff09;3、配置ethercat-config.xml3.1、打开hal-cia402/example/ethercat-conf.xml3.2、修改 ethercat-conf.xml文件中vid"0x000116c7" pid"0x003e0402"3.3、其他参数&#xff0c;根据…
阅读更多...
【数据结构】链表（2）：双向链表和双向循环链表

【数据结构】链表（2）：双向链表和双向循环链表

双向链表&#xff08;Doubly Linked List&#xff09; 定义&#xff1a; 每个节点包含三个部分&#xff1a; 数据域。前驱指针域&#xff08;指向前一个节点&#xff09;。后继指针域&#xff08;指向下一个节点&#xff09;。 支持从任意节点向前或向后遍历。 #define dat…
阅读更多...
指针 const 的组合

指针 const 的组合

1、首先来了解一下常量 const int num 5&#xff1b; 那么num的值是5&#xff0c; num的值不可修改 2、来了解一下指针 int value 5; int* p &value; 我喜欢吧指针和类型放一起&#xff0c;来强调p是一个指针类型&#xff0c; 而赋值的时候就得赋值一个int类型的地址…
阅读更多...
Tableau数据可视化与仪表盘搭建-数据可视化原理

Tableau数据可视化与仪表盘搭建-数据可视化原理

目录 内容 做个小实验 数据如何变成图表 1 2 维度和度量定义 3 度量映射图形&#xff0c;维度负责区分 1 可映射的数据类型 2 可视化字典 3 使用Tableau将数据变成图表(Tableau可视化原理) 1 2 拖拽 3 具体操作 4 总结 内容 点击左下角的工作表 tableau可以自动…
阅读更多...
【WRF数据准备】气象驱动数据-ERA5是否需要单层位势数据？

【WRF数据准备】气象驱动数据-ERA5是否需要单层位势数据？

目录 气象驱动数据-ERA5是否需要单层位势（Geopotential）数据？位势（Geopotential）输入的重要性Vtable的管理参考气象驱动数据-ERA5是否需要单层位势（Geopotential）数据？ 本博客参考WRF论坛中讨论内容-How to use ERA5 Data From Copernicus Database，总结位势（Geopot…
阅读更多...
用ResNet50+Qwen2-VL-2B-Instruct+LoRA模仿Diffusion-VLA的论文思路，在3090显卡上训练和测试成功

用ResNet50+Qwen2-VL-2B-Instruct+LoRA模仿Diffusion-VLA的论文思路，在3090显卡上训练和测试成功

想一步步的实现Diffusion VLA论文的思路&#xff0c;不过论文的图像的输入用DINOv2进行特征提取的&#xff0c;我先把这个部分换成ResNet50。 老铁们&#xff0c;直接上代码&#xff1a; from PIL import Image import torch import torchvision.models as models from torch…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023