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

查看 270|回复 16
作者:lyc575757   

主要功能
[ol]
  • 根据不同的文件类型高亮输出 console.log 所在的文件名,行数,变量名
  • 通过点击跳转到编辑器对应的 console.log 所在行
    [/ol]
    效果展示

    使用方法
    # 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 仓库
    欢迎大家使用并反馈

    console, log, 编辑器, vite

  • NickyXing   
    这个确实强
    HoseaDev   
    这个有点强。
    qizhiyuan   
    这个确实有点强。
    zhw2590582   
    有点意思
    lizhenda   
    准备试试,有点意思
    ZGame   
    好活!
    chanChristin   
    我记得之前有个插件可以在页面上点击跳转到编辑器对应位置,也支持 webstorm ,有没有大佬知道是哪个。
    lyc575757
    OP
      
    @chanChristin https://github.com/webfansplz/vite-plugin-vue-inspector 是不是这个
    chanChristin   
    @lyc575757 应该不是,我记得是个浏览器插件,不需要修改代码,当时还想要装一下,结果就忘记是哪个了。
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部