Skip to content

包含内容

html、css、js、vue、react 常用命令 element PLUS 常用组件

Supported languages (file extensions)

Html(.html)
Css(.css)
JavaScript(.js)
Vue(.vue)

snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

Html snippets

Trigger	Content
`form→`	form basic structure
`table→`	table basic structure

css snippets

Trigger	Content
`dis-flex→`	flex basic structure `Child elements are centered horizontally and vertically`
`dis-grid→`	grid basic structure `Child elements are centered horizontally and vertically`
`wh100→`	A little square for testing `Initial red`
`*→`	Clear browser default margins and paddings
`ellipsis-one→`	When the text is larger than one line, the excess becomes an ellipsis
`ellipsis-two→`	Customize the number of lines reserved for text `The default is two lines`
`@key→`	animation basic structure
`@med→`	media query basic structure

javascript snippets

Trigger	Content
`fun→`	funcion basic structure
`l→`	out command `console.log`
`l#→`	Print a line #
`l-→`	Print a line -
`l=→`	Print a line =
`l+→`	Print a line +
`l?→`	Print a line ?
`l!→`	Print a line !
`docu→`	Get a single node
`docuall→`	Gets all nodes of a class
`deepCopy→`	Deep copy by json serialization and deserialization
`ymd→`	Method to convert any type of date to yyyy.mm.dd
`ymdhms→`	Method to convert any type of date to yyyy.mm.dd hh:mm:ss
`/phone/→`	A way to determine whether a string is a cell phone number
`/email/→`	A way to determine whether a string is a mailbox

vue snippets

Trigger	Content
`tss→`	vue basic structure
`tss-setup→`	vue-setup basic structure
`debounce→`	Encapsulates an anti-shake component used in vue `vue+typescript`
`throttle→`	Encapsulates a throttling component used in vue `vue+typescript`