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

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

ruisui885个月前 (01-26)技术分析34

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)” 的相关文章

vue项目-父页面数据变化使子页面更新的几种情况

当操作页面时候,特别是增删改操作之后,数据会有所改变,这个时候我们希望组件中的数据要和最新数据一致,就需要重新更新渲染。以下是针对几种不同情况下方式:一.子页面调用接口后重新渲染1.使用ref方式父组件中用ref=“xxx” 来声明子组件,然后通过在父组件值改变的地方来调用子组件中的方法this.$...

Gitlab+Jenkins通过钩子实现自动部署web项目,图文详细教程

扩展参考:Jenkins+Gitlab通过脚本自动部署回滚web项目至集群 一:基础环境介绍及准备1):Gitlab服务器:ubuntu 192.168.152.131 ---参考搭建:Linux安装gitlab,docker安装gitlab教程2):Jenkins服务器:ubunu 192.168...

祸害阿里云宕机3小时的IO HANG究竟是什么?

本文来自微信公号“CSDN”(ID:CSDNnews),作者 | 王知无, 责编| 郭 芮。2019年3月3日凌晨,微博炸锅,有网友反映说阿里云疑似出现宕机,华北很多互联网公司受到暴击伤害,APP、网站全部瘫痪,我自己的朋友圈和微信群里也有好友反馈,刚刚从被窝被叫起来去修Bug,结果发现服务器登不上...

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

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。实际效果如下:案例比较简单,就是通过眼动功能获取视觉焦点位置,剔除用户看中的牌。现在,舞台的属性中多了一个“启用眼动”的选项,另外,还多了一个“启用摄像头”的...

Vue进阶(幺叁捌):vue路由传参的几种基本方式

1、动态路由(页面刷新数据不丢失)methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`,...

Vue真是太好了 壹万多字的Vue知识点 超详细!

1??、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html?2??、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端...