Lean Snippet

English | 中文

KeyBoard Shortcuts 🌈

Cmd+Shift+/

console.log selected text

console.log('🌳result------------------------------>');

Cmd+Shift+L

console.log selected text and val

console.log('🍧-----text-----', val);

Cmd+Shift+D

It will delete all console.log statements in the current document

Usage🌈

Prefix	JavaScript Snippet Content
`lre`	`🌈api requset demo`
`lcl`	`🌈console.log('🌈-----xxx-----',xxx) // xxx`
`laf`	`🌈const func = () => {}`
`lif`	`🌈if(){ ... } else{...}`
`lsw`	`🌈switch(){ case: break; default: break;}`
`lcc`	`🌈/** * @func fnName */`

Prefix	Vue Snippet Content
`lvc`	`🌈vue3 component template`
`lvb`	`🌈 vue base template`
`lref`	`🌈 const valName = ref(..)`
`lrea`	`🌈 const valName = reactive(..)`
`lcom`	`🌈 const valName = computed(..)`
`lwa`	`🌈 watch(..)`
`lwe`	`🌈 watchEffect(..)`
`lmo`	`🌈 onMounted(..)`
`lbm`	`🌈 onBeforeMount(..)`
`lbu`	`🌈 onBeforeUnmount(..)`
`lun`	`🌈 onUnmounted(..)`
`lvem`	`🌈 const emit = defineEmits([]);`
`lvpr`	`🌈 const props = defineProps({});`
`lvde`	`🌈 defineExpose({});`

Prefix	Vue Snippet html
`lrem`	`🌈lorem of English`
`lremc`	`🌈lorem of Chinese`
`lremn`	`🌈lorem of num`

Shortcut tool for VS Code

With the rapid development and iteration of tools, the testing requirements that need to be addressed are also increasing, with a large number of calls and nesting appearing in the code The probability of collapse is also increasing. In order to solve these problems and reduce repetitive work, we have encapsulated these functions and code blocks in a fast and efficient manner, optimizing the code size and development efficiency, and greatly improving the readability and comprehensibility of the code.

This article introduces a shortcut writing method based on Lean Snippet, which allows us to write in a synchronous manner for rapid development.

Enjoy it to the fullest

Lean Snippet

IceyWu

Lean Snippet

KeyBoard Shortcuts 🌈

Cmd+Shift+/

Cmd+Shift+L

Cmd+Shift+D

Usage🌈

Shortcut tool for VS Code

License