14_Node.js和NPM入门指南

文章目录

  • NodeJS
  • 1.nodejs下载
  • 2.NPM的配置和使用
  • 3.NPM对一个项目进行初始化操作
  • 4.NPM本地仓库进行依赖下载
  • 5.查看当前项目有哪些依赖

https://www.npmjs.com/package

NodeJS

  • JS代码运行在哪里

    • 1.浏览器
    • 2.nodejs 内置谷歌浏览器v8引擎
  • nodejs具有io磁盘 读写能力。类似java代码和虚拟机的关系

  • 特点

    • 单线程,但是采用了事件驱动、异步 I/O 模型,可以处理高并发请求。

    • 轻量级,使用 C++ 编写的 V8 引擎让 Node.js 的运行速度很快。

    • 模块化,Node.js 内置了大量模块,同时也可以通过第三方模块扩展功能。

    • 跨平台,可以在 Windows、Linux、Mac 等多种平台下运行。

1.nodejs下载

  1. 打开官网https://nodejs.org/en下载对应操作系统的 LTS 版本。
  2. 双击安装包进行安装,安装过程中遵循默认选项即可(或者参照https://www.runoob.com/nodejs/nodejs-install-setup.html )。安装完成后,可以在命令行终端输入 node -vnpm -v 查看 Node.js 和 npm 的版本号。

在这里插入图片描述

  1. 定义一个app.js文件,cmd到该文件所在目录,然后在dos上通过node app.js命令即可运行
function sum(a,b){return a+b;
}
function main(){console.log(sum(10,20))
}
main()

在这里插入图片描述

后续的所有工作都是在NodeJS平台上运行

2.NPM的配置和使用

  • npm是node js的包管理工具;作用相当于后端的Maven。未来所有的前端框架使用NPM来统一管

  • 和maven管理方式一样,中央仓库,远程镜像仓库,本地仓库;

在这里插入图片描述

1.安装

  • 安装node,自动安装npm包管理工具!

2 配置依赖下载使用阿里镜像

  • npm 安装依赖包时默认使用的是官方源,由于国内网络环境的原因,有时会出现下载速度过慢的情况。为了解决这个问题,可以配置使用阿里镜像来加速 npm 的下载速度,具体操作如下:
  • 打开命令行终端,执行以下命令,配置使用阿里镜像:
  • 原来的 registry.npm.taobao.org 已替换为 registry.npmmirror.com
npm config set registry https://registry.npmmirror.com
  • 确认配置已生效,可以使用以下命令查看当前 registry 的配置:如果输出结果为 https://registry.npmmirror.com,说明配置已成功生效。
npm config get registry

在这里插入图片描述

  • 如果需要恢复默认的官方源,可以执行以下命令:
npm config set registry https://registry.npmjs.org/

3.配置全局依赖下载后存储位置

  • 在 Windows 系统上,npm 的全局依赖默认安装在 <用户目录>\AppData\Roaming\npm 目录下。

  • 如果需要修改全局依赖的安装路径,可以按照以下步骤操作:

    1. 创建一个新的全局依赖存储目录,例如 D:\GlobalNodeModules

    2. 打开命令行终端,执行以下命令来配置新的全局依赖存储路径:

      npm config set prefix "D:\GlobalNodeModules"
      

    在这里插入图片描述

    1. 确认配置已生效,可以使用以下命令查看当前的全局依赖存储路径:
    npm config get prefix
    

4.升级npm版本

  • cmd 输入npm -v 查看版本

  • 如果node中自带的npm版本过低!则需要升级至9.6.6!

npm install -g npm@9.6.6

3.NPM对一个项目进行初始化操作

  • 首先对项目文件夹打开cmd进行
npm init

输入名字,描述信息即可

  • 执行,-y yes的意思,所有信息使用当前文件夹的默认值!不用挨个填写!
npm init -y
  • 初始化完成后-自动生成package.json文件

在这里插入图片描述

注:package.josn和Maven的pom.xml功能一致
  • 为当前项目下载依赖,而不下载到本地仓库

在这里插入图片描述

  • 在package.json下执行下面命令
npm install 依赖名
  • 下载package.json中定义的框架包,但是modules中没有的框架包
npm install
  • 如果是卸载vue3包
npm unistall vue3

​ 手动删除,除了删除modules还需要删除package.json中的相关信息

4.NPM本地仓库进行依赖下载

我的本地仓库位置
M:\02_Module\39_NPM_GlobalNodeModules
  • 下载jquery
npm -g install jquery

​ 与之前仅多了个-g 表示global全局

在这里插入图片描述

5.查看当前项目有哪些依赖

  • 查看项目依赖
npm ls
  • 查看全局依赖
npm list -g
  • npm run 命令是在执行 npm 脚本时使用的命令

在这里插入图片描述

具体是看package中有什么脚本,有什么运行什么

6.在VScode中使用npm相关命令

在这里插入图片描述

点击2处的窗口,显示终端,在终端运行命令即可

  • 执行
npm init -y

在这里插入图片描述

如果第一次出现上述红字,退出vscode,重新以管理员身份进入即可

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

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

相关文章

【MySQL调优】如何进行MySQL调优?从参数、数据建模、索引、SQL语句等方向,三万字详细解读MySQL的性能优化方案(2024版)

导航&#xff1a; 本文一些内容需要聚簇索引、非聚簇索引、B树、覆盖索引、索引下推等前置概念&#xff0c;虽然本文有简单回顾&#xff0c;但详细可以参考下文的【MySQL高级篇】 【Java笔记踩坑汇总】Java基础进阶JavaWebSSMSpringBoot瑞吉外卖SpringCloud黑马旅游谷粒商城学成…

Unity之UGUI合批规则

Unity3D UGUI系列之合批_unity ui合批-CSDN博客 总结&#xff1a; canvas 层级从上到下&#xff0c;从渲染角度&#xff0c;是从下往上&#xff0c;越先出现的越先被渲染从渲染角度&#xff0c;一个UI元素下面是否有重叠的UI元素 没有&#xff1a;depth0有&#xff1a; 仅有一…

乙二醇水溶液物性参数

1.1 乙二醇水溶液的冰点、沸点 乙二醇水溶液作为重要的载冷剂&#xff0c;其物理性质对设备和系统的设计都十分重要&#xff0c;下面是乙二醇水溶液的冰点沸点和其浓度的关系。&#xff08;数据来源 ASHRAE 手册 2005&#xff09; 1.2 乙二醇水溶液粘度 乙二醇水溶液作为重要…

【Java毕业设计】基于JavaWeb的旅游论坛管理系统

文章目录 摘 要目 录1 概述1.1 研究背景及意义1.2 国内外研究现状1.3 拟研究内容1.4 系统开发技术1.4.1 Java编程语言1.4.2 vue技术1.4.3 MySQL数据库1.4.4 B/S结构1.4.5 Spring Boot框架 2 系统需求分析2.1 可行性分析2.2 系统流程2.2.1 操作流程2.2.2 登录流程2.2.3 删除信息…

SQLServer 查询指定数据库名和表名及表结构等

查询当前数据库中所有表名&#xff0c;不用指定数据库&#xff0c;选中某数据库直接执行SQL就好 -- U:所有用户表名; S:所有系统表名;V:所有视图表名 SELECT name FROM sysobjects WHERE xtypeU OR xtypeS OR xtypeV 查询指定数据库数据库中所有表名&#xff0c; SELECT TAB…

使用 Ollama 本地运行各种 LLM

今天看看另外一个产品Ollama。Ollama 的安装非常简单&#xff0c;只需从官网&#xff08;https://ollama.com/download&#xff09;下载后解压缩&#xff0c;并在 Terminal 中运行脚本 ollama run llama3 即可完成环境设置。 我尝试运行 Llama3&#xff0c;虽然在运行时占用了大…

20240606在Toybrick的TB-RK3588开发板的Android12下确认HDMI的驱动

20240606在Toybrick的TB-RK3588开发板的Android12下确认HDMI的驱动 2024/6/6 9:48 【原文是在RK3328的Android7.1下写的。我将它升级成为RK3588的Android12了】 RK平台主要采用 FB 和 DRM 两种显示框架。与此相对应&#xff0c; HDMI 也有两套驱动。 FB&#xff1a; LINUX 3.10…

C语言 | Leetcode C语言题解之第136题只出现一次的数字

题目&#xff1a; 题解&#xff1a; class Solution { public:vector<int> singleNumbers(vector<int>& nums) {int eor 0;for (int num:nums)eor ^ num;int rightOne eor & (~eor 1); // 提取出最右的1int onlyOne 0;for (int cur : nums) {if ((cur…

弘君资本今日投资参考:新能源消纳政策加码 智能网联汽车再加速

昨日&#xff0c;沪指午后在金融、酿酒等板块的带动下发力拉升&#xff0c;深证成指、创业板指走势微弱。截至收盘&#xff0c;沪指涨0.41%报3091.2点&#xff0c;深证成指涨1.05%报9469.32点&#xff0c;创业板指涨1.33%报1843.59点&#xff0c;上证50指数涨0.58%&#xff0c;…

[知识点]c++ future库 async方法

C 标准库中的 future 和 async 提供了一种便捷的方式来实现并发编程。std::async 是一个非常强大的工具&#xff0c;它可以用于启动异步任务&#xff0c;并返回一个 std::future 对象&#xff0c;该对象可以用来等待任务的结果。 std::async 的基本用法 std::async 用于启动一…

LCEDA使用:QA(不定期更新)

1. 优势&#xff1a; 器件库选择&#xff1a;可以在立创商城中选择器件库&#xff0c;操作便捷。面板切换&#xff1a;S快捷键在 画图/器件选择 面板中切换&#xff0c;不打断工作节奏。连续放置Net Label&#xff1a;连续放置net label的体验流畅。复制粘贴功能&#xff1a;复…

android-线程池3

工具类 package com.changan.incalleventservice.utils;import java.util.concurrent.Callable; import java.util.concurrent.Executors; import java.util.concurrent.Future; import java.util.concurrent.LinkedBlockingQueue; import java.util.concurrent.ThreadPoolExec…

python之DeprecationWarning: invalid escape sequence ‘\/‘解决方案(亲测可用)

爬取的页面里包含很多 \ 双反斜杠&#xff0c; 想replace 出现 invalid escape sequence ‘/‘ 警告 出现警告的原因是 ‘unicode_escape’ 编码不支持 ‘/’ 这样的转义序列。&#xff0c;如果你想要处理 / 这样的转义序列&#xff0c;可以使用 ‘raw_unicode_escape’ 编码来…

论文阅读 Explainable Image Similarity Integrating Siamese Networks and Grad-CAM

给出论文&#xff08;Explainable Image Similarity Integrating Siamese Networks and Grad-CAM&#xff09;的内容解读、代码运行说明 论文链接&#xff1a;J. Imaging | Free Full-Text | Explainable Image Similarity: Integrating Siamese Networks and Grad-CAM (mdpi.c…

插入排序(排序算法)

文章目录 插入排序详细代码 插入排序 插入排序&#xff0c;类似于扑克牌的玩法一样&#xff0c;在有序的数组中&#xff0c;扫描无序的数组&#xff0c;逐一的将元素插入到有序的数组中。 实现细节&#xff1a; 从第一个元素开始&#xff0c;该元素可以认为已经被排序取出下…

Ansible-doc 命令

目录 基本用法 查看指定模块的文档 列出所有可用模块 搜索模块 显示模块参数的简单列表 显示详细的说明和示例 详细示例 查看 file 模块的文档 简略查看 copy 模块的参数 ansible-doc 是 Ansible 中的一个非常有用的命令行工具&#xff0c;它可以帮助你查找和显示Ansi…

基于ensp的园区网络搭建综合实验

核心技术介绍 1、虚拟局域网&#xff08;VLAN&#xff09; 2、链路聚合&#xff08;E-trunk&#xff09; 3、多生成树协议&#xff08;MSTP&#xff09; 4、VLANIF三层逻辑接口 5、虚拟路由冗余协议&#xff08;VRRP&#xff09; 6、开放式最短路径优先&#xff08;OSPF&…

灵动岛动效:打造沉浸式用户体验

灵动岛是专属于 iPhone 14 Pro 系列交互UI&#xff0c;通过通知消息的展示和状态的查看与硬件相结合&#xff0c;让 iPhone 14 Pro 系列的前置摄像头和传感器的“感叹号”&#xff0c;发生不同形状的变化。这样做的好处是让虚拟软件和硬件的交互变得更为流畅&#xff0c;以便让…

qt 与 x11 头文件同时引用,出现重定义的问题

qt 与 x11 头文件同时引用&#xff0c;出现重定义的问题 一、问题描述二、解决问题 一、问题描述 qt 与 x11 头文件同时引用&#xff0c;出现重定义的问题&#xff1a;expected identifier before numeric constant 二、解决问题 #include <X11/X.h> #include <X11…

vue3中使用tinymce

1.引入必要组件&#xff1a; npm install --save tinymce "tinymce/tinymce-vue" npm install --save "types/tinymce" 2.页面中引入&#xff1a; import tinymce from "tinymce/tinymce"; import Editor from "tinymce/tinymce-vue&quo…