这个 Vite 插件,能让你通过点击控制台中的 console.log 打印信息跳转到编辑器

390 阅读1分钟

Frame 2111.png

主要功能

  1. 根据不同的文件类型高亮输出 console.log 所在的文件名,行数,变量名
  2. 通过点击跳转到编辑器对应的 console.log 所在行

效果展示

45.gif

使用方法

# npm 
npm install -D vite-plugin-turbo-console 
# yarn 
yarn add -D vite-plugin-turbo-console 
# pnpm 
pnpm i -D vite-plugin-turbo-console

vite.config.ts

import { defineConfig } from "vite";
import TurboConsole from "vite-plugin-turbo-console";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [TurboConsole({
    /* options here */
  })],
});

GitHub仓库地址

欢迎大家使用并反馈