包含内容

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