译者 | 前端小智
译文 | github.com/qq449245884/xiaozhi/issues/71
原文 | medium.com/@bretcameron/13-npm-tricks-for-faster-javascript-development-4fe2a83f87a2
为了保证的可读性,本文采用意译而非直译。
每天,数以百万计的开发人员使用 npm
或 yarn
来构建项目。运行npm init
或npx create- response -app
等命令几乎构建JS项目的首选方式,无论是为客户端或服务器端,还是桌面应用程序。
但是npm
不仅仅是初始化项目或安装包。在本文中,我们将会介绍 npm
的13个技巧来最大限度地利用npm
:从简单的快捷方式到自定义脚本。
由于我们中的许多人每天都使用npm
,从长远来看,即使节省少量的时间也会产生显著的影响。这些技巧是针对初学者和中级开发人员的,但是即使您是一位经验丰富的开发人员,我希望你仍然能够找到一到两个你以前没有遇到过的特性。
主要内容
- 学习基本快捷方式
- 设置默认npm init属性
- 让脚本跨平台兼容
- 并行运行脚本
- 在不同的目录中运行脚本
- 延迟运行脚本直到端口准备就绪
- 列出并选择可用脚本
- 运行前后脚本
- 控制应用程序版本
- 从命令行编辑package.json
- 自动设置和打开你的github库
- 自定义
npm init
脚本 - 使用自定义npm init脚本将你的第一个 Commit 提交到 GitHub
1.学习基本快捷方式
我们从最基本的开始,学习最常见的npm快捷方式从长远来将会节省很多时间。
- 安装 — 常规:
npm install
,简写:npm i
。 - 测试 — 常规:
npm test
,简写:npm t
。 - 帮助 — 常规:
npm --help
,简写:npm -h
。 - 全局标志 — 常规:
--global
,简写:-g
。 - 保存为开发依赖 - 常规:
- save-dev
,简写:-D
。 - npm init 默认值 - 常规:
npm init --yes
或npm init --force
,简写:npm init -y
或npm init -f
我们知道使用-save
或-S
来保存包,但现在这是个已经是默认值。要安装一个包而不保存它,可以使用 ——no-save
标志。
不太常见的快捷键
还有一些不常见的快捷方式,如下:
- 安装包信息将加入到
optionalDependencies
(可选阶段的依赖)- 常规:--save-optional
, 简写:-O
。 - 精确安装指定模块版本 - 常规:
--save-optional
, 简写:-O
。
如果需要在本地保存一个npm包,或者通过单个文件下载选择一组可用的包,可以使用--save-bundle
或-B
将它们捆绑在一起,并使用npm pack
获得捆绑包。
根的快捷方式
.
符号通常用于表示应用程序的根目录,npm术语中的应用程序入口点,即package.json
中指定为“main
”的值
{
"main": "index.js"
}
这个快捷方式也可以用于像npx create-react-app .