Skip to content

Lean Snippet

Code snippet manager & log toolkit for VS Code.

English | 中文

Features

Snippet management — browse, add, import/export snippets from the sidebar
Multi-language — JS, TS, Vue, HTML built-in; supports custom languages
Log tools — insert named console.log, bulk delete all logs
Keybinding editor — view and customize shortcuts in the panel

demo

Keyboard Shortcuts

Shortcut	Action
`Ctrl+Shift+L`	Insert log with selected variable
`Ctrl+Shift+/`	Choose log type to insert
`Ctrl+Shift+D`	Delete all log statements in file

Mac: replace Ctrl with Cmd. All shortcuts are customizable in the panel.

Log Examples

// Select `text`, press Ctrl+Shift+L →
console.log("🍧-----text-----", text);

// Press Ctrl+Shift+D → all console.log removed

Snippet Reference

JavaScript / TypeScript

Prefix	Description
`lre`	Async request pattern
`lret`	Request with try-catch
`lcl`	`console.log` with variable
`laf`	Arrow function
`lif`	If-else
`lsw`	Switch-case
`lcc`	JSDoc comment
`linterface`	TS interface
`ltype`	TS type alias
`ltsfunc`	TS function
`lclass`	TS class
`lenum`	TS enum
`ltrycatch`	Try-catch block

Vue 3

Prefix	Description
`lvc`	Component template
`lvb`	Base template
`lref`	`ref()`
`lrea`	`reactive()`
`lcom`	`computed()`
`lwa` / `lwe`	`watch` / `watchEffect`
`lmo` / `lun`	`onMounted` / `onUnmounted`
`lvem` / `lvpr` / `lvde`	`defineEmits` / `defineProps` / `defineExpose`

HTML

Prefix	Description
`lrem`	English placeholder text
`lremc`	Chinese placeholder text
`lremn`	Numeric placeholder text

Install

Search Lean Snippet in the VS Code Extensions panel
Or install from Marketplace

License

MIT © 2023-PRESENT Icey Wu