Skip to content

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`