Lean Snippet

Extensions for Visual Studio Code

download 🚀

English | 中文

Using 🌈

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

License

MIT License © 2023-PRESENT Icey Wu