你不知道的 npm 技巧

阅读该文只须要五分钟 和多数人同样,咱们开发者也喜欢给咱们的同事和朋友秀一些小技巧,本文将会介绍一些和 Node Package Manager (NPM) 有关的键盘技巧。固然,技巧不只仅用来秀或者“装逼”, 而是真的可让咱们的工做更加的有效和精准,让咱们开始学习这些技巧吧!node

#1 Package 初始化 (Package initialization)

你想要快速初始化一个新的 package 吗? 你是否厌倦了初始化package出现的无穷无尽的问题?那么你能够尝试npm init -y或者npm init -f. 这两个命令可让你跳过不少“可有可无”的问题让你直接开始编写你的优雅代码!git

  • 咱们先看看默认的npm init 有多么冗长 github

    image.png

  • 再试试 npm init -y 或者 npm init -f npm

    image.png

如咱们所愿,自动生成了package.json的基本信息,若是须要扩充或者修改 咱们能够 vi package.jsonjson

#2 打开 package 的 Homepage

你有发现并使用一些很酷炫的package吗? 你是否想迅速的访问该 package 的主页查看文档呢?使用 npm home 'your-package' 命令将帮你直接打开 package的主页,而不须要google package的主页,更不用那不专业的百度。浏览器

image.png

#3 打开 package 的 Github 仓库

相似于上一条命令,运行 npm repo "your-package" 能够帮你直接打开该 package 的官方 GitHub 仓库。 其实你也能够在Chrome输入 www.github.com 按下 tab 直接搜索关键字,而不用等待 Github页面渲染。ide

image.png

image.png

#4 列举已经安装的package

为何咱们须要花费咱们的时间打开 package.json 文件去检查咱们安装了哪些 package 依赖? 只须要简单的运行 npm ls --depth 0 就能够获得咱们须要了解的信息。学习

咱们尝试在前面生成的 package.json 中加一个 package 依赖并安装。 google

image.png

使用 npm ls --depth 0 很清晰的查看到咱们已经安装的依赖3d

image.png

#5 查看全部的可执行脚本

想知道project有哪些可执行的脚本,阅读package.json固然能够,不过太原始和耗时,试试npm run

image.png

再给你们看看一个实际project的可执行脚本

image.png

#6 检查未定义在 package.json 中的 package

另外一个经常使用的命令, 使用 npm prune 会比较你的 package.json文件中定义的 package/node_modules内容, 你将会获得一个列表显示哪些 package 未被定义在 package.json中,而且, npm prune将会删除这些你未在 package.json 中定义或者你在npm install时未使用--save标记的 package

听起来有点绕,总结就是能够帮你整理/node_modules中无关的 package, 减小你的依赖文件容量。

image.png

#7 修改(Bump) package的版本

通常咱们的版本定义都为 major.minor.patch, 分别称为主版本或者大版本,次版本或者小版本,以及补丁。 咱们项目或者package发布大的里程碑,会修改大版本号,大版本号能够不向前兼容,发布向前兼容的功能时可修改小版本,Bug修复功能不作改变时只须要修改补丁号便可。

举例说明:

package 1.0.0 提供了 list() 方法用于列出全部的集合数据。 package 1.0.1 修复了list()方法没有判断集合为None的Bug。 package 1.1.0 修复了list()在IE浏览器没法执行的问题,并兼容1.0.1版本。 package 2.0.0 添加了add(), rm() 方法,同时list()更名为toList, 没法向前兼容。

常规的作法,咱们只须要手工修改package.jsonversion字段就大功告成,可是 npm version 为咱们提供了酷炫的修改方式,如图所示,通过了三种方式的版本修订,package.json 的 version 字段最终为 2.0

image.png

#8 运行 test

咱们在平常工做中,每一天均可能会使用 npm run test 运行屡次test, 何不试试 npm t让手指减负

若是你以为意犹未尽,还想多了解一些 npm 技巧,如下有一些笔者平常经常使用的命令。

安装 package

image.png

全局安装 package

image.png

安装依赖并保存在 dev dependency中

image.png

安装依赖并保存在 dependency中

image.png

结束语

假如这些命令能让你在你的同事或者朋友面前秀一把当然好,但本文的目的只是告诉你们npm有一些技巧能够帮助咱们提升工做效率和乐趣, 若是有兴趣还有不少的技巧等待你们的挖掘和发现。

原文地址:dev.to/borrellidev…

感谢原文做者 Piero Borrelli

相关文章
相关标签/搜索