Vite Plugin Devtools Columns

A dead-simple Vite plugin that adds a hotkey to toggle column helpers during dev only.

During build, this module will be an empty string, making it dev-only.

Usage

Install the package

npm

npm i -D vite-plugin-devtools-columns

pnpm

pnpm i -D vite-plugin-devtools-columns

In vite.config.ts

import { presetColumns } from "vite-plugin-devtools-columns";

export default defineConfig({
  // ...
  plugins: [devtoolsColumns()],
  // ...
});

And in your main.ts or anywhere else in your code:

import "virtual:devtools-columns";

Then you can use ctrl+G or shift+G to toggle columnss.