当前位置:首页 > 技术文章 > 正文内容

JavaScript全解析——npm(javascript源码解析)

zonemu2个月前 (07-20)技术文章14

npm 的介绍

●认识 npm
○一个 基于 node 环境的 包管理器

● npm 的安装
○不需要安装, 只要安装了 node, 自动安装 npm

●npm 的检测
○打开命令行, 目录无所谓
○输入指令: npm --version || npm -v

●npm 的作用
○下载一切和 js 相关的 第三方
○相当于是一个 "软件"
○只不过这个 "软件" 没有 图标, 没有 UI 界面
○依赖 命令行 进行操作
npm 的基本使用

●npm 初始化
●切换到项目根目录, 打开 cmd 输入 npm init
●package name: 项目名; 默认文件目录名 不支持中文和空格
●version: 项目初始版本; 默认 1.0.0 通常第一版为 0.0.1 或者 0.1.0
●description: 项目描述, 属于一段描述你这个项目的内容即可
●entry point: 项目入口, 默认为 index.js 一般后端需要用到
●keywords: 关键字
●author: 作者
●切换到项目根目录, 打开 cmd 输入 npm init --yes || npm init -y
●所有选项均按照默认值配置

npm 的常用指令

1.npm 下载第三方

1.1.切换到项目根目录, 输入指令 npm install 包名
1.2.切换到项目根目录, 输入指令 npm i 包名
1.3.下载安装后默认会多一个 package-lock.json 文件与 node_modules 文件夹
1.4.下载时, 会去下载指定的第三方包, 如果第三方包用到了其他的第三方包, 会一起下载到 node_modules 中
1.5.下载完毕后, 会自动记录在 package.json 中

2.npm 查看第三方可下载版本

2.1.打开 cmd, 目录无所谓
2.2.输入命令: npm view 包名 versions
2.3.会把该第三方包 所有的 可下载版本, 展示出来

3.npm 下载指定版本的第三方

3.1.打开 cmd, 切换到项目根目录, 输入指令 npm install 包名@版本号 || npm i 包名@版本号
3.2.注意: 安装时, package 中只会记录一个, 后续安装的, 会顶替掉之前安装的
3.3.版本号可以写完整版本号, 也可以写 大版本号, 会默认下载该大版本内最新的稳定版

4.npm 删除第三方

4.1.打开 cmd, 切换到项目根目录
4.2.输入指令 npm unstall 包名 || npm un 包名
4.3.会删除该第三方包的本地文件, 并且删除 package.json 文件内的记录

5.npm 统一下载所有第三方

5.1.打开 cmd, 切换到项目根目录
5.2.输入指令 npm install || npm i
5.3.注意! 项目根目录需要有 package.json
5.4.会自动读取 package.json 内记录的第三方包, 一次性全部下载安装

6.npm 清除缓存

6.1.清除下载缓存
6.1.1.打开 cmd, 目录无所谓
6.1.2.输入指令: npm cache clear -f

6.2.清除本地缓存
6.2.1.C 盘
6.2.2.用户
6.2.3.你的用户名
6.2.4.AppData
6.2.5.Roaming
6.2.6.npm-cache

7.修改镜像源地址

7.1.修改 npm 第三方包的下载地址
7.2.打开命令行, 目录无所谓
7.3.输入指令: npm config set registry https://registry.npmmirror.com

相关文章

Ubuntu 25.04发行版登场:Linux 6.14内核,带来多项技术革新

IT之家 4 月 18 日消息,科技媒体 linuxiac 昨日(4 月 17 日)发布博文,报道称代号为 Plucky Puffin 的 Ubuntu 25.04 发行版正式上线,搭载最新 Linu...

如何使用git clone克隆包含子模块的仓库

技术背景在软件开发中,当项目规模逐渐增大时,为了更好地管理代码,我们常常会使用子模块将项目拆分成多个独立的部分。Git 作为目前最流行的版本控制系统,提供了管理子模块的功能。但在克隆包含子模块的仓库时...

HTML5学习笔记三:HTML5语法规则(html5语法详解)

1.标签要小写2.属性值可加可不加””或”3.可以省略某些标签 html body head tbody4.可以省略某些结束标签 tr td li例:显示效果:5.单标签不用加结束标签img inpu...

html5你能把太阳系动态做出来,但是你能把月亮也做出来吗?

需要源码请评论后加前端学习群470593776课题:HTML5加原生js打造一个炫酷动态的太阳系简介:首先对于太阳系各大星球的运转关系,速度等资料,不然弄出来也是被喷的下场, 还有对于逻辑思维,算法的...

HTML5+眼球追踪?黑科技颠覆传统手机体验

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。实际效果如下:案例比较简单,就是通过眼动功能获取视觉焦点位...

Web前端全套教程+视频包含JavaScript、Vue等

写在前面:web前端从入门到精通经典教程,老师精心讲,想从事编程或者数据分析行业的小伙伴点进来,只需你评论并关注私信留言“前端”。便可免费获取。WEB前端简介:WEB前端工程师,也叫Web前端开发工程...