Node实战005:JavaScript包管理工具NPM使用
ztj100 2024-11-17 18:14 30 浏览 0 评论
什么是NPM
NPM(Node Package Manager)是NodeJS平台提供的JavaScript包管理工具,随NodeJS一起被安装。它可以用来安装各种NodeJS的扩展应用,并能够轻松跟踪依赖项和版本。我们可以通过npm快速安装、卸载、删除、更新NodeJS插件及所需依赖,也可以通过npm发布自己的插件。NPM不仅是一个管理平台也是一个共享平台,你可以使用别人贡献的代码,也可以贡献代码给别人用。就是因为NPM提供了庞大的资源共享可以一键解决各种插件依赖问题,所以深受广大JavaScript 开发者的青睐!
安装NPM
NPM是随NodeJS一起被安装的,在文章【Node实战001:Windows搭建Node开发环境 】中可以看到只要配置好了Node就可以使用NPM了。从Node官网直接下载绿色免安装版本解压至任意目录,然后桌面右键点击我的电脑->属性->高级设置->环境变量,将node目录添加给变量path即可。配置好之后可以在cmd中检查下npm是否安装成功: 输入npm -v安装成功会出现npm版本号。
配置npm淘宝镜像
由于npm默认访问的是国外网站,所以访问起来速度还是有点小慢的。为了提高npm的下载速度我们通常会配置国内的镜像源,国内一些云服务商会提供类似的公开服务如淘宝镜像。当然npm也提供了npm config命令可以进行npm相关配置,通过npm config set可以对配置项进行修改。会在系统用户目录下会生成一个.npmrc文件,通过npm config ls -l 可查看npm的所有配置包括npmrc的文件路径:userconfig = "C:\\Users\\kevinfan\\.npmrc"。如果你需要代理还可以通过proxy属性配置ip和端口,这样我们可以继续使用npm命令来安装包(不用安装cnpm插件)。
NPM可以做什么
NPM可以帮我们查找、安装、更新、卸载、编译、运行、打包、校验、发布Node插件包,也可以对包进行授权、认证及相关配置信息维护等。我们可以通过命令:npm -h查看支持的相关指令,通过这些指令我们可以在CMD中实现NPM支持的功能。如果你需要知道具体指令的使用方法可以通过:npm <command> -h 来查阅帮助指南,NPM会告诉我们如何使用该指令。
NPM如何查找包
想要知道一个包是否存在我们可以进入NPM官网去搜索该插件包,也可以通过NPM指令search来直接搜索。这里搜索时遇到一个报错:npm ERR! No search sources available,这个将淘宝镜像改回了官方镜像就好了。但是我们又希望可能通过淘宝镜像快速安装npm包,那么我们可以使用淘宝提供的cnpm代替npm进行install而其他的依旧使用npm,我们只要安装cnpm并配置安装代理即可:npm install -g cnpm —registry=https://registry.npm.taobao.org/。如果提示安装失败,清除一下安装缓存再次安装。
NPM创建package.json
每个项目的根目录下面一般都有一个package.json文件,该文件定义了项目所需要的各种模块以及项目的配置信息。当我们使用npm install命令安装依赖包时就是根据这个配置文件来自动下载所需的模块,该文件指定了项目配置所需的运行条件和开发环境。package.json文件是一个JSON对象,每个成员对应项目的一项设置。我们可以使用命令npm init来初始化一个package.json文件,也可以使用npm init --yes命令直接使用默认的配置来创建package.json文件。
NPM如何安装包
NPM提供了install命令用于安装包,install安装时可以加入不同的参数,可以配置模块安装的环境。安装模块时如果没有将模块依赖写入pakage.json,运行npm install时也不会下载这个模块。如果你打开的是别人的项目,这个时候一般是没有任何依赖包的,但是所有需要的依赖包已经注入到package.json里面了,这个时候我们就可以使用npm install来安装所有项目中需要的依赖包了。
NPM如何更新包
NPM提供了update命令用于更新包,后面可以跟指定更新的包名。如果不指定则会更新当前项目中安装的所有包,如果需要更新全局安装的包则需要添加参数-g。
NPM如何卸载包
NPM提供了uninstall命令用于卸载包,这个命令跟install操作很相似。如果要在卸载模块的同时需要将他从package.json文件中移除,可以添加跟安装时候一样的参数--save。
总结:
除了上述常用的功能,NPM还有很多其他的功能这里就不一一列举了,感兴趣的可以自己试试。除了可以使用别人发布的模块外,我们也可以通过NPM将自己封装的模块发布到NPM供他人使用。以上内容是小编给大家分享的【Node实战005:JavaScript包管理工具NPM使用】。希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。
相关推荐
- Jquery 详细用法
-
1、jQuery介绍(1)jQuery是什么?是一个js框架,其主要思想是利用jQuery提供的选择器查找要操作的节点,然后将找到的节点封装成一个jQuery对象。封装成jQuery对象的目的有...
- 前端开发79条知识点汇总
-
1.css禁用鼠标事件2.get/post的理解和他们之间的区别http超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP的工作方式是客户机与服务器之间的请求-应答协议。...
- js基础面试题92-130道题目
-
92.说说你对作用域链的理解参考答案:作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。...
- Web前端必备基础知识点,百万网友:牛逼
-
1、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案:前端页面需要校验用户的输入数据(限制用户输入的类型、范围、格式、长度),不能只靠后端去校验用户数据。一来可以提高后端处理...
- 事件——《JS高级程序设计》
-
一、事件流1.事件流描述的是从页面中接收事件的顺序2.事件冒泡(eventbubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Docu...
- 前端开发中79条不可忽视的知识点汇总
-
过往一些不足的地方,通过博客,好好总结一下。1.css禁用鼠标事件...
- Chrome 开发工具之Network
-
经常会听到比如"为什么我的js代码没执行啊?","我明明发送了请求,为什么反应?","我这个网站怎么加载的这么慢?"这类的问题,那么问题既然存在,就需要去解决它,需要解决它,首先我们得找对导致问题的原...
- 轻量级 React.js 虚拟美化滚动条组件RScroll
-
前几天有给大家分享一个Vue自定义滚动条组件VScroll。今天再分享一个最新开发的ReactPC端模拟滚动条组件RScroll。...
- 一文解读JavaScript事件对象和表单对象
-
前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScrip...
- Python函数参数黑科技:*args与**kwargs深度解析
-
90%的Python程序员不知道,可变参数设计竟能决定函数的灵活性和扩展性!掌握这些技巧,让你的函数适应任何场景!一、函数参数设计的三大进阶技巧...
- 深入理解Python3密码学:详解PyCrypto库加密、解密与数字签名
-
在现代计算领域,信息安全逐渐成为焦点话题。密码学,作为信息保护的关键技术之一,允许我们加密(保密)和解密(解密)数据。...
- 阿里Nacos惊爆安全漏洞,火速升级!(附修复建议)
-
前言好,我是threedr3am,我发现nacos最新版本1.4.1对于User-Agent绕过安全漏洞的serverIdentitykey-value修复机制,依然存在绕过问题,在nacos开启了...
- Python模块:zoneinfo时区支持详解
-
一、知识导图二、知识讲解(一)zoneinfo模块概述...
- Golang开发的一些注意事项(一)
-
1.channel关闭后读的问题当channel关闭之后再去读取它,虽然不会引发panic,但会直接得到零值,而且ok的值为false。packagemainimport"...
- Python鼠标与键盘自动化指南:从入门到进阶——键盘篇
-
`pynput`是一个用于控制和监控鼠标和键盘的Python库...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)