Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Song SnippetsNew to Visual Studio Code? Get it now.
Song Snippets

Song Snippets

Songbing

|
54 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Song Snippets

This plugin introduces some basic shortcut snippets, including js, vue, react.

这个插件引入了一些常用函数的代码片段,包括js、vue、react。(下载即用,无需配置)

JS Snippets

Prefix Method
cafn→ const fnName = () => {}
cnfn→ function fnName () {}
objfor→ Object.keys(obj).forEach
afor Array.forEach
afori Array.forEachIndex
amap Array.map
amapi Array.mapIndex
afilter Array.
afind Array.find
asort Array.sort

React Snippets

Prefix Method
rfc→ create a functional component
rfcs→ create a functional component with state
fcc create a block of flex items-center justify-center
fcb create a block of flex items-center justify-between
linear create a block of linear border
phone create a block of phone
useButton create a Button Element with a background image

Vue Snippets

Prefix Method
wa→ watch(count, (count, prevCount) => { /* code */ })
wae→ watchEffect(() => { /* code */ })
vue→ vue3 template
setup→ vue3 setup script
sty vue style scss
fcc create a block of flex items-center justify-center
fcb create a block of flex items-center justify-between
linear create a block of linear border
useButton create a Button Element with a background image
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft