DEV Community: yuyin

[Vite plugin] Jump to the editor by clicking console.log output.

yuyin — Fri, 03 Nov 2023 02:37:50 +0000

Vite-plugin-turbo-console is a Vite plugin for enhancing console.log().
Its main features include:

🔥 Features

Output console.log content highlighted according to file type.
Jump to editor from console by simple click.

🎥 Screen Recording

📦 Install

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

🦄 Usage

Vite

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 */
    })
  ],
});

Nuxt

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: [
    'vite-plugin-turbo-console/nuxt'
  ],
  turboConsole: {
    /* options here */
  }
})

Check the more information on GitHub

Welcome to use and feedback:)

Introduce Stargazers: Analyze and explore the stars of any GitHub user.

yuyin — Wed, 30 Aug 2023 15:29:54 +0000

Stargazers is a web application that allows you to add unlimited Github accounts and analyze and explore the star list of these accounts.

ScreenShot

Features

Supports adding unlimited GitHub accounts.
Supports adding accounts via various methods such as user search, GitHub OAuth, or one-click button (powered by UserScript).
Supports querying based on star time, programming languages, repository information and more.
Supports analyzing star lists.
Dark mode support.
Mobile end support.

UserScript

Install from greasyfork

A UserScript that adds a button on the GitHub user profile page, allowing you to easily add it to stargazers.

Welcome to use it and feel free to give your feedback.
It's open source, you can find the source code on https://github.com/yuyinws/stargazers

[vite plugin]Enhance the readability of console.log()

yuyin — Wed, 17 May 2023 08:31:19 +0000

🔥 Features

Support printing the file name, line number and variable name.
Support background highlighting of different files. (Currently supporting .js(x), .ts(x), .vue, .svelte, and .astro)

📦 Install



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

🦄 Usage

vite.config.ts



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

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

get more information on GitHub Source Code