来源 | https://github.com/qq449245884/xiaozhi/issues/71 每天,数以百万计的开发人员使用
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。
--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属性
当运行npm init
开始一个新项目时,你可能