保存自动修复 npm run lint -- --fix_13个npm 快速使用开发技巧

本文介绍了13个npm开发中的实用技巧,包括学习基本快捷方式、设置默认npm init属性、跨平台脚本兼容、并行运行脚本等。通过这些技巧,可以提高npm操作的效率和便捷性。
摘要由CSDN通过智能技术生成

e65cf15fe2c38907d0447c3c50ed35f3.png

来源 | https://github.com/qq449245884/xiaozhi/issues/71 每天,数以百万计的开发人员使用  npm  或  yarn  来构建项目。 运行 npm initnpx create- response -app 等命令几乎构建JS项目的首选方式,无论是为客户端或服务器端,还是桌面应用程序。 但是 npm 不仅仅是初始化项目或安装包。 在本文中,我们将会介绍  npm  的13个技巧来最大限度地利用 npm :从简单的快捷方式到自定义脚本。 由于我们中的许多人每天都使用 npm ,从长远来看,即使节省少量的时间也会产生显著的影响。 这些技巧是针对初学者和中级开发人员的,但是即使您是一位经验丰富的开发人员,我希望你仍然能够找到一到两个你以前没有遇到过的特性。

主要内容

  1. 学习基本快捷方式

  2. 设置默认npm init属性

  3. 让脚本跨平台兼容

  4. 并行运行脚本

  5. 在不同的目录中运行脚本

  6. 延迟运行脚本直到端口准备就绪

  7. 列出并选择可用脚本

  8. 运行前后脚本

  9. 控制应用程序版本

  10. 从命令行编辑package.json

  11. 自动设置和打开你的github库

  12. 自定义npm init脚本

  13. 使用自定义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 .  这样的命令。 因此,可以运行 npx create-react-app . ,而不是使用  npx create-react-app my-app  创建一个新的 my-app 目录。

2. 设置默认npm init属性

当运行 npm init 开始一个新项目时,你可能
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值