vite-plugin-hot-printurls 插件的介绍

Vite 创建的项目，在终端中执行 npm run dev 后，会打印出启动地址，例如 http://localhost:8080。

但是随着时间的推移，我们可能已经编写了很多代码，或者同时启动多个 Vite 创建的项目，并在它们之间进行切换开发。突然手抖将浏览器关闭，我们可能会忘记启动地址。此时，我们回到终端，要么重启项目，要么回滚到终端的第一行，才能看到启动地址。后端开发人员的吐槽了好长时间。

vite-plugin-hot-printurs 就是为了解决了这个问题。它一直会在终端的最后一行打印出启动地址信息。

1、问题引入

• 1、未使用插件时，终端信息的效果图

• 2、使用 vite-plugin-hot-printurls后，终端显示的效果图

2、插件的使用方法

• 下载插件

npm i vite-plugin-hot-printurls -D

• 在 vite.config.ts 中引入并使用

import {hotPrintUrls} from "vite-plugin-hot-printurls";

export default defineConfig({
    // 省略其他配置项...
    plugins:[
        //...
        hotPrintUrls(),
    ]
    
})