前端端口嗅探并启动项目

609 阅读1分钟

痛点:

启动项目的时候,经常遇到端口被占用的情况,手动杀死占用当前端口号的进程过于麻烦,因此我们期望如果端口被占用,有相应的调整策略。

步骤:

  1. 端口嗅探

  2. 如果端口号没被占用,顺利启动;如果端口号被占用,端口号+1(倘若端口号还是被占用,在不超出最大端口号的情况下,继续做循环操作),并询问用户是否按照调整后的端口启动项目。

针对这个痛点,已经有较为成熟的解决方案了。

针对步骤一:

端口嗅探:detect-port-alt

针对步骤二:

调整端口:react-dev-utils

看下源码实现:

可以看到实现较为简单,端口嗅探也是通过detect-port-alt判断的,是否按照调整后的端口启动项目只需要引入inquirer即可。

子曰:有现成的npm库直接拿过来用,不亦乐乎?