专栏首页前端黑板报使同事羡慕不已的8个npm命令

使同事羡慕不已的8个npm命令

这篇文章会为你揭示一些有用的 npm 技巧,由于篇幅原因不可能涵盖所有,所以我选择了工程师日常相关且有用的作为本篇文章的关注点。

基本简写

为了大家保持一致,特别是新人,首先我们来快速浏览一些基础的简写。

Installing a package:

通常:

npm install pkg

简写:

npm i pkg

Installing a package globally:

通常:

npm i --global pkg

简写:

npm i -g pkg

Installing a package and save it as a dependency:

通常:

npm i --save pkg

简写:

npm i -S pkg

Installing a package and save it as a devDependency:

通常:

npm i --save-dev pkg

简写:

npm i -D pkg

更多的简写请看官网:https://docs.npmjs.com/misc/config#shorthands-and-other-cli-niceties

接下来让我们开启有趣之旅:

1.Initializing a new package

我们都知道 npm init ,是当我们初始化一个package的第一件事。

但是,这些问题很烦人,所以为什么不避免它呢?

使用

npm init -ynpm init -f

来解救!

2.Running tests

另一个我们都会用的命令是 npm test,我们中的大多数人会每天使用,甚至一天几次。

幸运的是,使用 npm t,可以做相同的事!

3.List available scripts

当我们接手一个新项目时,会考虑如何开始手头的工作。我们经常会自问:我们如何运行项目?有哪些脚本命令可以使用?

一种方法是找到package.json文件然后查看里面的 scripts 部分。

当然我们可以做的更优雅一些,可以简单的运行 npm run 来列出所有可使用的脚本命令。

另外还可以安装 ntlnpm i -g ntl),然后在项目文件夹下运行 ntl,同时还支持运行脚本。

4.List installed packages

就像上面一样,有时候我们还会自问项目中都有哪些依赖。

我们同样可以打开package.json文件然后查看,但是我们已经知道我们可以做的更好。

使用 npm ls --depth 0

列出全局安装的包,我们可以使用同样的 -g 的标识, npm ls -g --depth 0

5.Running locally-installed executables

在项目中我们安装了一个附带可执行文件的包,但是只有当我们通过 npm script 运行是才可用,你或许会惊奇为何?或知道如何避免它?

首先,我们来理解一下为何--当我们在控制台运行命令时,实际上是在系统环境变量的 PATH 下列出的所有paths中,寻找同名的可执行文件。这就是为何在任何地方都可执行的原因。本地安装的包是把它们的可执行命令注册在本地的,没有被列在 PATH 中,所以不会被找到。

你或许会问:为何在通过 npm script 就可执行?好问题!当以这种方式运行时,npm 做了一些小技巧就是在我们的 PATH 中增加了额外的目录

<project-directory>/node_modules/.bin。

你可通过运行 npm run env | grep "$PATH"来查看,你同样可运行 npm run env来查看所有环境变量,npm 增加了一些有趣的东西在里面。

我们在项目目录下运行 ./node_modules/.bin/mocha 来实际看看效果

是不是很简单?无论何时你想运行本地安装的可执行文件,只要简单的敲入 ./node_modules/.bin/<command>

6.Find your package on the internet

你或许会在package.json中发现仓库的地址,同时想问此安装包有什么功能? 简单的运行 npm repo就会在浏览器中打开该仓库地址。 同样运行 npm home 命令就会打开 homepage的入口。 如果你想在 npmjs.com 中打开包的页面,有一个贴心的命令: npm docs

7.Run scripts before and after other scripts

你可能对类似 pretest 的脚本属性,它可以帮你在运行 test 脚本之前定义一些代码。 真正会使你惊奇的是,你同样可以在自定义脚本中使用!

当你把 npm 作为你的构建工具或者有许多脚本要执行时,这种功能就会很有用。

8.Bumping package’s version

你有一个包,同时使用 semver 做为你的版本记录标准,在你发布新包之前需要填写新的版本号。 其中一种方法就是你打开 package.json 文件然后改变里面的值,但是我们可以不需要这样做。 另一个简单的方法是运行 npm version 并附带上 majorminor 或者 path

本文分享自微信公众号 - 前端黑板报(FeHeiBanBao),作者:楔子

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-06-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何克服解决Git冲突的恐惧症?(Git四大组件)

    当git初始化后,目录下就生成了.git文件夹,存放着与git相关的所有内容,我们看下目录下具体的内容:

    前端黑板报
  • (1)当你输入URL到页面显示经历了什么--URL到IP地址

    这是一个经典的问题,能区分知识的广度与深度,从回答的侧重点上甚至能区分出工种(前端、后端、运维等)。开发人员基本上都能说出几点,而牛人更可在自己...

    前端黑板报
  • 适配iPhone X 的齐刘海

    当苹果宣布发布他们的旗舰手机-- iPhone X 的时候,他们允诺将为未来移动设备设定新的标准。我们决定需要了解一些内容。 “屏幕再也不必是方...

    前端黑板报
  • 前端踩坑系列《六》——让人又爱又恨的npm包

    作为一个前端,我们经常在执行一个命令的时候报错,那就是 npm install,那么 npm install 的时候,程序到底做了什么,还有遇到一些类似的问题的...

    GopalFeng
  • 捉虫记:Unexpected end of JSON input while parsing

    npm 的源码在 https://github.com/npm/cli,找到以下 Issue

    山月
  • 简单了解 node npm cnpm

    nodeJs是基于Chrome v8的js运行环境,简单的说, 就是运行在服务端的 JavaScript。不懂得像PHP、Python或Ruby等动态编程语言又...

    王念博客
  • npm脚本和package.json

      在创建node.js项目如一个vue项目,或一个react项目时,项目都会生成一个描述文件package.json 。

    tandaxia
  • npm 模块安装机制简介

    npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 ? 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 ...

    ruanyf
  • npm学习

    1、 npm install <name>安装nodejs的依赖包 2、 **npm install <name> -g **将包安装到全局环境中 3、 ...

    _simple
  • npm scripts的使用

    npm 允许在package.json文件里面,使用scripts字段定义脚本命令。

    javascript.shop

扫码关注云+社区

领取腾讯云代金券