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

JavaScript全解析——npm(js 解析dom)

ruisui883个月前 (01-26)技术分析22

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

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/565.html

标签: 卸载npm包
分享给朋友:

“JavaScript全解析——npm(js 解析dom)” 的相关文章

Gitlab之间进行同步备份

目前,我们公司有两个研发团队,分别在北京和武汉,考虑到访问速度的问题,原有武汉的研发环境在近端部署。也就是北京和武汉分别有两套独立的研发管理环境,虽然这解决了近端访问速度的问题,但是管理上较为分散,比如研发环境备份和恢复就是最重要的问题之一。最近,处于对安全性和合规性的考虑,希望将北京和武汉的源代码...

深度解析!AI智能体在To B领域应用,汽车售后服务落地全攻略

在汽车售后服务领域,AI智能体的应用正带来一场效率和专业度的革命。本文深度解析了一个AI智能体在To B领域的实际应用案例,介绍了AI智能体如何通过提升服务顾问和维修技师的专业度及维修效率,优化汽车售后服务流程。上周我分享了AI智能体+AI小程序To C的AI应用场景《1000%增长!我仅用一个小时...

「干货」FPGA设计中深度约束技巧及调试经验总结

今天跟大家分享的内容很重要,也是我们调试FPGA经验的总结。随着FPGA对时序和性能的要求越来越高,高频率、大位宽的设计越来越多。在调试这些FPGA样机时,需要从写代码时就要小心谨慎,否则写出来的代码可能无法满足时序要求。另外,最近跟网友聊天时,有谈到公众号寿命的问题,我觉得网络交换FPGA公众号应...

别让“跑焦”毁所有!仅需这一项设置,即可显著改善镜头对焦精度

我常常会收到一些摄影爱好者的私信,也一直在努力的帮助大家解决更多摄影中常见问题。在我收到的所有问题中。有一个问题是最麻烦的,那就是“为什么我的图像看起来模糊?”。这个问题几乎每个人都遇到过,究其原因可以说是多种多样相对复杂。起初我一直认为是对焦问题所导致,也就有了我之前所写的“后按对焦”以及“对焦模...

Vue页面传参详解

一、两种方式方法1:name跳转页面this.$router.push({name:'anotherPage',params:{id:1}})另一页面接收参数方式:this.$route.params.id示例:控制台展示:方法2:path跳转页面this.$router.push(...

Vue学习笔记之动态路由的参数传递应用及技巧

路由的参数传递:①通过params的类型· 配置路由格式:/router/:id· 传递的方式:在path后面跟上对应的值· 传递后形成的路径:/router/list,/router/profile这个就是前两篇中提到的"动态路由"中有应用过这个方法:②通过query的类型(对象方...