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

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

排序算法之四:直接选择排序

1.基本思想 每一次从待排序的数据元素中选出最小(或最大)的一个元素,存放在序列的起始位置,直到全部待排序的数据元素排完 。 2.直接选择排序 在元素集合array[i]--array[n-1]中选择关键码最大(小)的数据元素 若它不是这组元素中的…

stateflow 之图函数、simulink函数和matlab函数使用及案例分析

目录 前言 1. 图函数graph function 2.simulink function 3.matlab function 4.调用stateflow中的几种函数方式 前言 对于stateflow实际上可以做simulink和matlab的所有任务,可以有matlab的m语言,也可以有simulink的模块,关于几种函数在…

11.仿简道云公式函数实战-逻辑函数-TRUE

1. TRUE函数 TRUE 函数可直接返回逻辑值 true。 2. 函数用法 TRUE() 3. 函数示例 TRUE 函数一般不会作为函数单独使用,可与其他函数一起使用,或作为判断逻辑的结果。如,判断字段值是否为空时,设置公式为IF(ISEMPTY(方案选择)…

在linux服上使用nginx+tomcat部署若依前后端分离版本(RuoYi-Vue)

一、先拉工程,地址:RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 二、在window上用idea打开跑通,可参考…

MFC CLXHHandleEngine动态库-自定义设置对话框使用

实现的效果如下所示: void CSampleDlg::OnBnClickedButton2() { // TODO: 在此添加控件通知处理程序代码 CSgxMemDialog dlg(180, 100); dlg.SetEnable(true); dlg.SetWindowTitle(_T("自定义对话框")); dlg.AddStatic(1000, //控件资源…

数据结构算法-希尔排序算法

引言 在一个普通的下午,小明和小森决定一起玩“谁是老板”的扑克牌游戏。这次他们玩的可不仅仅是娱乐,更是要用扑克牌来决定谁是真正的“大老板”。 然而,小明的牌就像刚从乱麻中取出来的那样,毫无头绪。小森的牌也像是被小丑掷…

nodejs微信小程序+python+PHP沧州地区空气质量数据分析系统-计算机毕业设计推荐 django

本系统不仅主要实现了注册登录,系统首页,个人中心,用户管理,城市区域管理,空气状况管理,空气质量管理,系统管理,数据爬取,大屏分析等功能,通过这些功能基本可…

面向 SEO 专业人士的完整 Google Search Console 指南

了解 Google Search Console 并释放其功能,以改善您的网站运行状况和搜索性能。 Google Search Console 提供监控网站在搜索中的表现和提高搜索排名所需的数据,这些信息只能通过 Search Console 获得。 这使得它对于热衷于最大化成功的在线业务和出版商…

NLP项目实战01--电影评论分类

介绍: 欢迎来到本篇文章!在这里,我们将探讨一个常见而重要的自然语言处理任务——文本分类。具体而言,我们将关注情感分析任务,即通过分析电影评论的情感来判断评论是正面的、负面的。 展示: 训练展示如下…

WPF仿网易云搭建笔记(0):项目搭建

文章目录 前言项目地址项目Nuget包搭建项目初始化项目架构App.xaml引入MateralDesign资源包 项目初步分析将标题栏去掉DockPanel初步布局 资源字典举例 结尾 前言 最近在找工作,发现没有任何的WPF可以拿的出手的工作经验,打算仿照网易云搭建一个WPF版本…

leaflet使用热力图报L找不到的问题ReferenceError: L is not defined at leaflet-heat.js:11:3

1.在main.js中直接引入会显示找不到L 2.解决办法 直接在组件中单独引入使用 可以直接显示出来。 至于为什么main中不能引入为全局,我是没找到,我的另外一个项目可以,新项目不行,不知哪里设置的问题

【Docker】swarm stack部署多service应用

前面我们已经学习过了Docker Compose,它可以用来进行一个完整的应用程序相互依赖的多个容器的编排的,但是缺点是只能在单机模式使用,不能在分布式多机器上使用;前面我们也学习了Docker swarm,它可以将单个服务部署为多…

每日一题,杨辉三角

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

EarCMS 前台任意文件上传漏洞复现

0x01 产品简介 EarCMS是一个APP内测分发系统的平台。 0x02 漏洞概述 EarCMS前台put_upload.php中,存在pw参数硬编码问题,同时sql语句pdo使用错误,没有有效过滤sql语句,可以控制文件名和后缀,导致可以任意文件上传。 0x03 复现环境 FOFA:app="EearCMS" 0x0…

关系型数据库和非关系型数据库有什么区别?

一、什么是数据库? 数据库是一个结构化的数据集合,用于存储、管理和组织数据。它是一个电子化的文件柜,可以存储大量的数据,并提供了一种高效地检索、更新和管理数据的方法。数据库可以用于存储各种类型的数据,例如文…

CNN发展史脉络 概述图整理

CNN发展史脉络概述图整理,学习心得,供参考,错误请批评指正。 相关论文: LeNet:Handwritten Digit Recognition with a Back-Propagation Network; Gradient-Based Learning Applied to Document Recogniti…

前端面试——CSS面经(持续更新)

1. CSS选择器及其优先级 !important > 行内样式 > id选择器 > 类/伪类/属性选择器 > 标签/伪元素选择器 > 子/后台选择器 > *通配符 2. 重排和重绘是什么?浏览器的渲染机制是什么? 重排(回流):当增加或删除dom节点&…

【STM32】STM32学习笔记-LED闪烁 LED流水灯 蜂鸣器(06-2)

00. 目录 文章目录 00. 目录01. GPIO之LED电路图02. GPIO之LED接线图03. LED闪烁程序示例04. LED闪烁程序下载05. LED流水灯接线图06. LED流水灯程序示例07. 蜂鸣器接线图08. 蜂鸣器程序示例09. 下载10. 附录 01. GPIO之LED电路图 电路图示例1 电路图示例2 02. GPIO之LED接线图…

【unity】【WebRTC】从0开始创建一个Unity远程媒体流app-设置输入设备

【项目源码】 包括本篇需要的脚本都打包在项目源码中,可以通过下面链接下载: 【背景】 目前我们能投射到远端浏览器(或者任何其它Peer)的媒体流只有默认的MainCamera画面,其实我们还可以通过配置输入来传输操作输入信息,比如键鼠等。 【追加input processing组件】 …

C++刷题 -- 哈希表

C刷题 – 哈希表 文章目录 C刷题 -- 哈希表1.两数之和2.四数相加II3.三数之和(重点) 当我们需要查询一个元素是否出现过,或者一个元素是否在集合里的时候,就要第一时间想到哈希法; 1.两数之和 https://leetcode.cn/problems/two…