6.npm

news2025/1/20 3:47:49

目录

1  下载包

2  下载包非最新的版本

3  package.json

4  一次安装多个包

5  删除 node_modules

6  一次安装项目中的所有包

7  卸载包

8  将包放入devDependencies中

9  换源

9.1  手动换源

9.2  工具换源

10  全局下载

10.1  下载与卸载

10.2  一些常用的全局包


你可以在这里找到你想要的包 npm

 

比如我们想找jQuery,那么我们就搜索jQuery

一般我们不从这个网站上手动下载,更多的是查文档

我们一般用npm下包,npm(Node Package Manager)是Node是包管理工具,随着Node.js一起安装在电脑上,可以在终端中输入npm -v 查看npm的版本

npm可以理解为python中的pip。Node与python在环境上的理解是不太相同的,我们下面下载的时候可以看出来

1  下载包

我们现在下载一个可以操作时间的包 moment,首先先代码的同级目录下打开一个终端(cmd,powershell都行)

输入npm install moment

  • 可以简写为 npm i moment,后面说的npm install都可以简写为npm i

之后我们会在代码的同级目录中找到这三个文件,这三个文件实则就是Node的环境。

如果缺失这三个文件那么环境就用不了了。

你在这个项目中装了moment,但你在别的地方没有这三个文件,那你也用不了moment

  • Node也可以进行全局安装,我们先不考虑全局安装的情况

下载后的包都放在node_modules中

我们不需要自己改动下载好的文件,npm会自动维护它们

有环境就可以使用moment了,我们写一个代码

如果没安装moment是用不了的

安装后可以成功运行

2  下载包非最新的版本

默认情况下会下载最新版本的包,如果你想安装指定的版本可以在要下载的包后面加上@版本号

比如我现在想下载 2.22.2 版的 moment

  • 重新下载会替代你上一次的下载

你可以在package-lock.json或package.json中查看你当前用的是什么版本

版本号一般来讲是这个意思,比如 4.25.3 这个版本号,4如果变动了就是大变动,25如果动了就是改动了什么功能,3如果动了就是改了改之前版本的bug

只要前面的版本号发生变动,后面的版本号应该归零

3  package.json

我们在分享项目的时候一般不分享 node_modules 这个文件夹(把node_modules加入.gitignore),为了表明我们当前的项目都需要什么包,一般我们使用package.json

目前的node自动创建package.json这个文件,没创建不耽误使用,如果想创建可以在终端输入 npm init -y 进行创建(路径不能包含中文,不能包含空格)

手动创建的package.json会相较于自动创建的package.json多一些信息

自动创建只有包的信息,手动创建会加上项目的一些信息

dependencies里面放的是安装了什么包,如果没进行安装直接创建package.json是不会有dependencies的

4  一次安装多个包

包之间打上空格就行了,比如 npm install jquery art-template

5  删除 node_modules

右键删除会出现这种问题

任意打开一个终端,然后输入 npm install rimraf -g

  • 全局安装,在哪里打开都行

然后找到你想要删除的 node_modules ,终端进入它的同级目录,然后输入 rimraf node_modules

执行完了发现 node_modules 没有了

6  一次安装项目中的所有包

我现在需要这三个包

node_modules之前让我删了,现在我想下载回来,我们直接在有package.json的目录下输入 npm install 就可以了

下载好后就发现node_modules重新出现在文件夹中了

下载好后可以成功执行之前的代码

7  卸载包

比如我想卸载jquery,那么就输入 npm uninstall jquery

卸载之后package.json的内容会发生改变

8  将包放入devDependencies中

如果这个包只在开发阶段会用到,上线后不会用到,那么建议将这个包放入 devDependencies 中

  • 在刚创建package.json的时候会出现devDependencies,后面npm如果看你这个是空的就会把devDependencies删了

刚才我们删除了jquery,现在我们将其装在devDependencies中,输入 npm install jquery -D

  • 输入 npm install jquery --save-dev 同样生效
  • 包名与-D顺序可以颠倒 npm install -D jquery 同样生效

安装过后,发现jquery在package.json中的devDependencies出现

9  换源

9.1  手动换源

我们之前都是在国外的服务器上下载,小的包还行,一些大的包会比较慢,这个时候我们可以不在国外的服务器上下载,在国内的服务器上下载会快一些

我们先输入 npm config get registry 查看当前的源是什么

我当前是node的官方源,现在我们将其改为淘宝源 npm config set registry=https://registry.npm.taobao.org/

再次查看源的状态发现更换成功

9.2  工具换源

我们可以使用nrm换源,nrm是管理这些源的工具。首先先下载nrm

可以通过nrm ls 查看所有可用的镜像源

如果你想用淘宝的,你就输入nrm use taobao 就可以了

10  全局下载

10.1  下载与卸载

有一些包是作为工具用的,你有的时候会在多个项目中开发时用到,但项目本身并不需要这些包,比如nrm,rimraf,我们在npm install 后加入-g就可以进行全局安装了,比如npm install nrm -g

全局包默认被安装在 C:\Users\用户目录\AppData\Roaming\npm\node_modules 下

如果要卸载全局包同样要加上-g ,现在我们想卸载cnpm这个全局包

我们我们输入 npm uninstall cnpm -g

10.2  一些常用的全局包

  • nrm 源管理工具
  • rimraf 删除node_modules
  • i5ting_toc 将md文档转为html页面 i5ting_toc -f test.md -o

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

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

相关文章

QUIC协议

一 简介 QUIC(Quick UDP Internet Connection)是Google提出的一个基于UDP的传输协议,因其高效的传输效率和多路并发的能力,已经成为下一代互联网协议HTTP/3的底层传输协议。除了应用于Web领域,它的优势同样适用于一些通用的需要低延迟、高吞…

Android入门第53天-在Android手机里使用SQLite内嵌式数据库

介绍 Android内带SQLite内嵌式数据库了。这对于我们存储一些更复杂的结构化数据带来了极大的便利。比如说我们要存储应用内的常用联系人,购物车暂存信息,常量。必竟从xml或者是json里取数据都没有一条Select语句来得简单。 SQLite常用有五种数据类型: …

第04讲:Redis消息的发布和订阅

一、什么是消息的发布和订阅 Redis 发布订阅 (pub/sub) 是一种消息通信模式:发送者 (pub) 发送消息,订阅者 (sub) 接收消息。 Tip:Redis 客户端(redis-cli)可以订阅任意数量的频道。 二、Redis的发布和订阅的原理 客…

ssh端口转发

ssh端口转发ssh端口转发Centos7关闭IPV6sshd服务端sshd_config配置调整(非必需)优化sshd_config配置(非必需)调整ssh客户端配置~/.ssh/config ---必须ssh终端转发socks5端口ssh终端命令行转发到socks5ssh_config配置端口转发SOCKS5使用ssh将后端的服务端口转发到localssh端口转…

selenium网络爬虫去哪儿机票利用performance获取日志截获加载的xhr,ajax,js等数据

这次练习获取的网站使用了许多反爬技术: 1.html页面使用了css字体偏移 2.xhr加载有webdriver反爬检测 3.请求接口使用了多项加密参数以及cookie验证 4.部分js代码用了ob混淆 一开始只是想学习练手一下css偏移学习后是解决了,但想获取页面源代码时候遇…

Apache Traffic Server 存在拒绝服务漏洞

漏洞描述 Apache Traffic Serve(ATS) 是一个开源的 HTTP/1.1 和 HTTP/2 缓存代理服务器,uri_signing 是 ATS 的一款 URI 签名插件,用来阻止所有不具有有效 JWT 的请求。 Apache Traffic Server 的受影响版本中存在拒绝服务漏洞&…

人工神经网络 ANN 基础概念

目录 一:简介 二:感知器 三:权重和阈值 四:多层前馈网络 五:BP神经网络 一:简介 机器学习是实现人工智能的方法,深度学习是实现机器学习的技术。在实现人工智能时需要人工辅助(半自动)&…

图像分类:Pytorch图像分类之--LetNet模型

文章目录前言LetNet简介程序的实现model.py的实现LetNet模型操作流程经过Conv卷积后输出尺寸的计算公式如下Conv2d()函数介绍MaxPool2d()函数介绍Tensor的展平:view()train.py导入数据集加载数据集参数设置训练数据保存模型train_tool.pypred…

前端基础(十四)_隐藏元素的方法

隐藏元素的方法 1、display 通过display:none来控制元素隐藏 不使用&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge">…

以数据驱动的自动驾驶时代,还有多远?丨曼孚科技

自动驾驶即将来到数据驱动时代。 在经历了硬件(激光雷达)、软件(多传感器融合)等技术革新后&#xff0c;自动驾驶迎来了第三波浪潮。 去年&#xff0c;除造车新势力外&#xff0c;国内一批主机厂吉利、上汽、广汽等&#xff0c;纷纷加大了自动驾驶数据标注业务投入。到今年&a…

参加 Spartacus 开源项目开发时需要注意的一些编程规范

我们使用 NgRx 存储来管理 Spartacus 功能中的全局应用程序状态。 使用 NgRx 在性能、更好的可测试性和易于故障排除、方面具有明显的优势。 除非有令人信服的理由不这样做&#xff0c;否则在某项 feature 的开发里&#xff0c;请总是使用 Rgrx 来管理状态。 使用 Store 并不…

PS CS6视频剪辑基本技巧(二)视频剪接和添加图片

上一讲&#xff0c;介绍了PS CS6可以实现视频剪接、添加图片、添加声音、添加字幕、添加logo、添加动画等6种功能&#xff0c;今天这讲介绍一下视频剪接和添加图片这两个功能。 目录 一、基本操作 1、打开时间轴窗口 2、创建时间轴 二、视频剪接 1、打开已存在的视频文件…

c++visualStudio学习笔记

文章目录5 c如何工作5.1include5.2main5.3 <<5.3 linker链接器7 C链接器linker是如何工作的7.1案例10 头函数10.1案例10.2头文件10.3pragma once34const34.1 常数34.2指针34.3类和方法34.4引用34.5mutable5 c如何工作 源文件就是文本文件转化到可执行的二进制文件或者程…

MySQL自增主键一定是连续的吗

测试环境&#xff1a; MySQL版本&#xff1a;8.0 数据库表&#xff1a;T &#xff08;主键id&#xff0c;唯一索引c&#xff0c;普通字段d&#xff09; 如果你的业务设计依赖于自增主键的连续性&#xff0c;这个设计假设自增主键是连续的。但实际上&#xff0c;这样的假设是错…

一个大二计算机学生的学期总结(2022末年)

学期总结前言一、本学期的自我反思&#xff08;1&#xff09;返校之前在家期间练习题黑马头条教学管理平台Ajax练习仿写JD&#xff08;2&#xff09;返校之后在学校期间练习题本学期课程hbase、hive、Hadoop一直奉行的话前言 ☀️东流逝水&#xff0c;叶落纷纷&#xff0c;荏苒…

初级程序员 中级程序员 高级程序员级别划分

网络上众说纷纭&#xff0c;大都站立在对某一技术的知识掌握量上来界定&#xff0c;或者有些人说着说着&#xff0c;发现无法自圆其说&#xff0c;然后就说这三种人就是一种叫法&#xff0c;你觉得你是高级你就高级了&#xff0c;从概念上讲&#xff0c;这三者之间必然有质的区…

20221221查看RK3588开发板的LCD屏幕的分辨率(1536x2048)

20221221查看RK3588开发板的LCD屏幕的分辨率 2022/12/21 18:46 方法一&#xff1a;adb/串口 console:/ $ console:/ $ [ 37.217258][ T57] vbus5v0_typec: disabling [ 37.217707][ T57] vcc3v3_pcie20: disabling console:/ $ console:/ $ console:/ $ dumpsys wi…

我国输配电及控制设备行业现状及竞争分析 营收及企业规模整体增长

根据观研报告网发布的《中国输配电设备行业发展趋势研究与未来投资分析报告&#xff08;2022-2029年&#xff09;》显示&#xff0c;输配电及控制设备主要应用于电力系统和下游用电企业的电能传输和电能控制等&#xff0c;直接影响电网的建设、安全与可靠运行&#xff0c;输配电…

Go:使用 go-micro 构建微服务(二)

1. 什么是go micro# 1.1 go micro作用 它是一个可插入的RPC框架&#xff0c;用于在Go中编写微服务。开箱即用&#xff0c;您将收到&#xff1a; 服务发现: 应用程序自动注册到服务发现系统负载平衡: 客户端负载平衡&#xff0c;用于平衡服务实例之间的请求同步通信: 提供请求…

12月21日:fastadmin顶部搜索栏selectpage事件绑定以及实现添加表单和查询数据在同一个页面

fastadmin将添加表单从弹窗转为页面 如图所示&#xff0c;实现这种两个标签页&#xff0c;各自执行自己的操作 添加页从弹窗转为页面实现步骤&#xff1a; 首先&#xff1a;从前端页面来看&#xff0c;需要将添加的功能移动到index页面&#xff0c;即可初步实现 将Index页面如…