13 个npm 快速开发技巧(推荐)

为了保证的可读性，本文采用意译而非直译。

每天，数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式，无论是为客户端或服务器端，还是桌面应用程序。

但是npm不仅仅是初始化项目或安装包。在本文中，我们将会介绍 npm 的13个技巧来最大限度地利用npm:从简单的快捷方式到自定义脚本。

由于我们中的许多人每天都使用npm，从长远来看，即使节省少量的时间也会产生显著的影响。这些技巧是针对初学者和中级开发人员的，但是即使您是一位经验丰富的开发人员，我希望你仍然能够找到一到两个你以前没有遇到过的特性。

想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！

主要内容

学习基本快捷方式 设置默认npm init属性 让脚本跨平台兼容 并行运行脚本 在不同的目录中运行脚本 延迟运行脚本直到端口准备就绪 列出并选择可用脚本 运行前后脚本 控制应用程序版本 从命令行编辑package.json 自动设置和打开你的github库 自定义npm init脚本 使用自定义npm init脚本将你的第一个 Commit 提交到 GitHub

1.学习基本快捷方式

我们从最基本的开始,学习最常见的npm快捷方式从长远来将会节省很多时间。

我们知道使用-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 . 这样的命令。因此，可以运行npx create-react-app .，而不是使用 npx create-react-app my-app 创建一个新的my-app目录。

2. 设置默认npm init属性