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

npm简介(NPM简介)

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

1.1 npm的用途

NPM(node package manager),主要功能就是管理node包。

包括:安装、卸载、更新、查看、搜索、发布等。npm详细记录了每个包的信息(作者、版本、依赖、授权信息等)。是一个统一的代码包管理平台,解决了当项目依赖的代码越来越多,所维护的代码日益增加,所以需要以组件化的方式统一管理可复用的模块或工具。项目的结构清晰,减少模块的耦合低,增加开发的效率。需要变更的功能不用去维护所有项目的代码,只需维护 npm 上的版本,更新到每个项目,然后解决兼容并通过测试。

1.1.2 npm的安装

Node 已经内置了npm,所以只要安装 node 就自带了 npm

可以从Node官网安装,安装完后在控制台输入:

// 查看 node 版本
node -v
// 查看 npm 版本
npm -v

1.1.3 npm的更新

更新npm :

npm install -g npm

更新node版本:

  1. mac、linux:
// 先清除npm缓存:
npm cache clean -f


// 然后安装n模块:
npm install -g n


// 升级node.js到最新稳定版:
n stable


// 如果是mac升级出现错误,在命令前面加sudo
  1. windows:

windows 更新 node 比较简单,下载官方版本覆盖更新就行

1.2 npm的用法

1.2.1 安装包

// 本地安装
npm install <模块名称>
// 全局安装
npm install <模块名称> -g


// -dev的简写,配合package,安装到devDependencies中,推荐使用
npm install <模块名称> -D


// 同时安装多个包,模块名中间空格就行
npm install <模块名称> <模块名称> <模块名称> -D

全局安装和本地安装的区别主要是路径不同:

本地安装

  • 安装包是放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 可以通过 require() 或 import from 来引入本地安装的包。

全局安装

  • 安装包是放在 /usr/local 下或者你 node 的安装目录。
  • 可以直接在命令行里使用。

npm install 安装包时发生了什么?

安装之前,npm install会先检查,项目./node_modules目录之中是否已经存在指定模块。如果存在,就不再重新安装了,即使远程仓库已经有了一个新版本,也是如此。

如果你希望,一个模块不管是否安装过,npm 都要强制重新安装,可以使用-f或--force参数。

npm install <模块名称> --force

npm 如何安装指定版本的包?

// npm 5.0.0以后的版本 --save 可以省略
npm install jquery@3.0.0 --save

1.2.2 查看安装包的信息

// 查看所有全局安装的模块
npm list -g
// 查看某个模块的版本号
npm list <模块名称>

模块目录下的 package.json 文件中包含了该模块的详细信息,用于定义包的属性:

  • name - 包名。
  • version - 包的版本号。
  • description - 包的描述。
  • homepage - 包的官网 url 。
  • author - 包的作者姓名。
  • contributors - 包的其他贡献者姓名。
  • dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在node_module 目录下。
  • repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
  • main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
  • keywords - 关键字

1.2.3 更新包版本

npm update <模块名称>

1.2.4 卸载包

npm uninstall <模块名称>

1.3package.json

1.3.1 npm依赖包版本号~和^和*的区别

  • ~ 会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0
  • ^ 会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0
  • * 这意味着安装最新版本的依赖包
"dependencies": {
  "axios": "^0.18.0",
  "xxx-ba": "*",
  "xxx-filter": "*",
  "xxx-util": "*",
  "vant": "^1.6.17",
  "vue": "^2.5.2",
  "vue-router": "^3.0.1",
  "vuex": "^3.1.0",
  "weixin-js-sdk": "^1.4.0-test"
},
devDependencies": {
    "ali-oss": "^6.0.1",
    "autoprefixer": "7.2.3",
    "babel-core": "6.26.0"
}

1.3.2 dependencies和devDependencies的区别

  • dependencies是运行时依赖,其中的包在可运行环境才会使用
  • devDependencies是开发时依赖,其中的包在开发环境才会使用

正如 1.2.1 中讲到的 --save 和 --save-dev,--save 是将包安装在dependencies下,--save-dev则是在devDependencies下。

什么情况需要devDependencies?

  • dependencies,在可运行环境,只需要我们能正常运行该项目所需要的模块, 比如vue,vue-router,express等等这些,项目没有这些依赖会出错
  • devDependencies,在开发环境中我们所做的单元测试,webpack,gulp,supervisor等这些工具,都只是在开发阶段需要,一旦项目投入使用便不再需要。

1.4 npm的缺陷

  1. 更新速度慢
  2. 拉取的包可能版本不同(.lock)
  3. 本地包支持比较落后(私有仓库)

解决方案

以上有些问题也不是不能解决,有一些另辟蹊径的方法可以避免。

类比yarn

安装速度:yarn 是同步执行所有包的下载,npm 是队列下载。所以随着安装包数量增多,yarn 的安装速度相对会更快。

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

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

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

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

“npm简介(NPM简介)” 的相关文章

Vue3 中有哪些值得深究的知识点?

众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注!1、createAppvue2 和 vue3 在创建实例时,有很大的区别,具体对比如下://Vue 2 Vue.use({ router, store,...

git的几种分支模式

编写代码,是软件开发交付过程的起点,发布上线,是开发工作完成的终点。代码分支模式贯穿了开发、集成和发布的整个过程,是工程师们最亲切的小伙伴。那如何根据自身的业务特点和团队规模来选择适合的分支模式呢?本文分享几种主流 Git 分支模式的流程及特点,并给出选择建议。分支的目的是隔离,但多一个分支也意味着...

K8s里我的容器到底用了多少内存?

作者:frostchen导语 Linux下开发者习惯在物理机或者虚拟机环境下使用top和free等命令查看机器和进程的内存使用量,近年来越来越多的应用服务完成了微服务容器化改造,过去查看、监控和定位内存使用量的方法似乎时常不太奏效。如果你的应用程序刚刚迁移到K8s中,经常被诸如以下问题所困扰:容器的...

面试被逼疯:聊聊Python Import System?

面试官一个小时逼疯面试者:聊聊Python Import System?对于每一位Python开发者来说,import这个关键字是再熟悉不过了,无论是我们引用官方库还是三方库,都可以通过import xxx的形式来导入。可能很多人认为这只是Python的一个最基础的常识之一,似乎没有可以扩展的点了,...

再来一波黑科技工具,低调使用

静读天下静读天下是一个特别优秀的电子书阅读器。它上面有多个在线书库,像古登堡计划,很多种优秀的书杂志,都可以下载来阅读。它还能智能识别章节功能,还支持外置的语音阅读功能。它支持多种文本格式,比如说txt,pdf,epub,mobi等等。为了便于阅读它还有10 种配色方式,还有夜间模式。不过免费版有广...

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

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