dobby-frontend-snippets README

Dooby 前端React,Node,JavaScript等开发常用代码片段

dva

SnippetKey	Tab Trigger	Description
dvaYieldEffectFunction	def	dvaYieldEffectFunction
dvaYieldEffectFunctionReturn	defr	dvaYieldEffectFunctionReturn
dvaModuleObject	dm	dvaModuleObject
dvaReducerFunction	drf	dvaReducerFunction

es6

SnippetKey	Tab Trigger	Description
constAnonymousFn	caf	createAnonymousFn
createNameFn	fn	createNameFn
constuctor	cnt	constuctor
constructorWithSuper	cnts	constructorWithSuper
consoleWarn	cwa	consoleWarn
destructArray	dca	destructArray
destructObject	dco	destructObject
for_in_loop	fin	for_in_loop
for_of_loop	fof	for_of_loop
classMethodAutobindFn	metabf	classMethodAutobindFn
classMethodArrowFn	metaf	classMethodArrowFn
classPropertyGetter	pge	classPropertyGetter
newPromise	nprm	newPromise
promiseReject	prj	promiseReject
promiseResolve	prs	promiseResolve
classPropertySetter	pse	classPropertySetter
requestAnimationFrame	raf	requestAnimationFrame
tryCatchCodeBlock	trc	tryCatchCodeBlock
windowSetInterval	wsti	windowSetInterval
windowSetIntervalWithClear	wstic	windowSetIntervalWithClear
windowSetTimeout	wsto	windowSetTimeout
windowSetTimeoutClear	wstoc	windowSetTimeout
ifBlock	ifb	ifBlock
ifElseBlock	ife	ifElseBlock
ifReturnBlock	ifr	ifReturnBlock
doWhileBlock	dwb	doWhileBlock
whileBlock	wb	whileBlock
switchBlock	swh	switchBlock
forEachPlusPlus	fip	forEachPlusPlus
forEachMinusMinus	fim	forEachMinusMinus
throwNewError	thne	throwNewError

export

SnippetKey	Tab Trigger	Description
exportClassExtends	edce	export 默认继承类
exportDefaultClass	edc	export 默认类
exportDefaultFunction	edf	export 默认函数
exportDefaultObject	edo	export object
exportFunction	ef	export 函数
exportConstVariable	ec	export 常量
exportDefaultArrowFn	edaf	export 箭头函数

import

SnippetKey	Tab Trigger	Description
importReactDOM	ird	import react-dom
importDefaultModule	id	import default 模块
importDefaultModuleAs	ida	使用别名导入default模块
importModule	im	import 具名模块
importModuleAs	ima	使用别名导入具名模块
importEverything	ie	importEverything
importLodash	il	import lodash
import-lodash	i_	import lodash
import-classnames	icx	import classnames
importDecoratorAutobind	iab	导入@autobind
importReactPropTypes	ipt	import prop-types
importWithoutModuleName	imd	直接引入模块

propTypes

SnippetKey	Tab Trigger	Description
ReactPropTypeArray	pta	ReactPropTypeArray
ReactPropTypeArrayRequired	ptar	ReactPropTypeArrayRequired
ReactPropTypeArrayOf	ptao	ReactPropTypeArrayOf
ReactPropTypeArrayOfRequired	ptaor	ReactPropTypeArrayOfRequired
ReactPropTypeBool	ptb	ReactPropTypeBool
ReactPropTypeBigInt	ptbi	ReactPropTypeBigInt
ReactPropTypeBigIntRequired	ptbir	ReactPropTypeBigIntRequired
ReactPropTypeBoolRequired	ptbr	ReactPropTypeBoolRequired
ReactPropTypeElement	pte	ReactPropTypeElement
ReactPropTypeElementRequired	pter	ReactPropTypeElementRequired
ReactPropTypeElementType	ptet	ReactPropTypeElementType
ReactPropTypeElementTypeRequired	ptetr	ReactPropTypeElementTypeRequired
ReactPropTypeExact	ptex	ReactPropTypeExact
ReactPropTypeExactRequired	ptexr	ReactPropTypeExactRequired
ReactPropTypeFunc	ptf	ReactPropTypeFunc
ReactPropTypeFuncRequired	ptfr	ReactPropTypeFuncRequired
ReactPropTypeInstanceOf	ptio	ReactPropTypeInstanceOf
ReactPropTypeInstanceOfRequired	ptior	ReactPropTypeInstanceOfRequired
ReactPropTypeNumber	ptn	ReactPropTypeNumber
ReactPropTypeNumberRequired	ptnr	ReactPropTypeNumberRequired
ReactPropTypeNode	ptnd	ReactPropTypeNode
ReactPropTypeNodeRequired	ptndr	ReactPropTypeNodeRequired
ReactPropTypeObject	ptob	ReactPropTypeObject
ReactPropTypeObjectOf	ptobo	ReactPropTypeObjectOf
ReactPropTypeObjectOfRequired	ptobor	ReactPropTypeObjectOfRequired
ReactPropTypeOneOf	ptoo	ReactPropTypeOneOf
ReactPropTypeOneOfRequired	ptoor	ReactPropTypeOneOfRequired
ReactPropTypeOneOfType	ptoot	ReactPropTypeOneOfType
ReactPropTypeOneOfTypeRequired	ptootr	ReactPropTypeOneOfTypeRequired
ReactPropTypeObjectRequired	ptobr	ReactPropTypeObjectRequired
ReactPropTypeString	pts	ReactPropTypeString
ReactPropTypeStringRequired	ptsr	ReactPropTypeStringRequired
ReactPropTypeSymbol	ptsb	ReactPropTypeSymbol
ReactPropTypeSymbolRequired	ptsbr	ReactPropTypeSymbolRequired
ReactPropTypeShape	ptsh	ReactPropTypeShape
ReactPropTypeShapeRequired	ptshr	ReactPropTypeShapeRequired
ReactPropTypeCustomProp	ptcp	ReactPropTypeCustomProp
ReactPropTypeCustomArrayProp	ptcpr	ReactPropTypeCustomArrayProp

react

SnippetKey	Tab Trigger	Description
ReactComponentDidMount	cdm	ReactComponentDidMount
ReactComponentDidUpdate	cdup	ReactComponentDidUpdate
ReactComponentWillUnmount	cwum	ReactComponentWillUnmount
ReactThisProps	rcp	React取值props
ReactThisState	rcs	React取值state
ReactGetDerivedStateFromProps	gdsfp	ReactGetDerivedStateFromProps
ReactGetSnapshotBeforeUpdate	gsbu	ReactGetSnapshotBeforeUpdate
ReactConstructor	rcnt	ReactConstructor
ReactCreateRef	ref	React.createRef()
ReactClassStaticChildContextTypes	rscct	childContextTypes定义
ReactClassStaticContextTypes	rsct	contextTypes定义
ReactClassStaticDefaultProps	rsdp	defaultPrps定义
ReactClassStaticPropTypes	rspt	propTypes定义
ReactCreatContext	rctx	React.createContext()
ReactFunctionContextProps	rfct	React函数组件ContextTypes定义
ReactFunctionDefaultProps	rfdp	React函数组件defaultProps定义
ReactFunctionPropTypes	rfpt	React函数组件propTypes定义
ReactClassPureComponent	rpcp	ReactClassPureComponent
ReactFunctionComponent	rpfm	ReactFunctionComponent
ReactInitState	ris	React 初始化state
ReactShouldComponentUpdate	scu	ReactShouldComponentUpdate
ReactThisSetState	rtss	this.setState()
ReactThisSetStateFn	rtssf	this.setState(() => {})
ReactGetChildContext	rgcc	ReactGetChildContext

reactHooks

SnippetKey	Tab Trigger	Description
ReactHookUseState	rhus	ReactHookUseState
ReactHookUseContext	rhuctx	ReactHookUseContext
ReactHookUseRef	rhuref	ReactHookUseRef
ReactHookUseEffectWillUnmount	rhueun	ReactHookUseEffectWillUnmount
ReactHookUseEffect	rhue	ReactHookUseEffect

require

SnippetKey	Tab Trigger	Description
moduleExportDefault	mde	moduleExportDefault
RequireDefault	rq	require 模块
RequireModule	rqm	require 具名模块
RequireWithoutModuleName	rqd	直接引入模块

shebang

SnippetKey	Tab Trigger	Description
nodeShebang	#n	node shebang
bashShebang	#b	bash shebang

dva

SnippetKey	Tab Trigger	Description
dvaYieldEffectFunction	def	dvaYieldEffectFunction
dvaYieldEffectFunctionReturn	defr	dvaYieldEffectFunctionReturn
dvaModuleObject	dm	dvaModuleObject
dvaReducerFunction	drf	dvaReducerFunction

es6

SnippetKey	Tab Trigger	Description
constAnonymousFn	caf	createAnonymousFn
createNameFn	fn	createNameFn
constuctor	cnt	constuctor
constructorWithSuper	cnts	constructorWithSuper
ConsoleWarn	cwa	ConsoleWarn
destructArray	dca	destructArray
destructObject	dco	destructObject
for_in_loop	fin	for_in_loop
for_of_loop	fof	for_of_loop
classMethodAutobindFn	metabf	classMethodAutobindFn
classMethodArrowFn	metaf	classMethodArrowFn
classPropertyGetter	pge	classPropertyGetter
newPromise	nprm	newPromise
promiseReject	prj	promiseReject
promiseResolve	prs	promiseResolve
classPropertySetter	pse	classPropertySetter
requestAnimationFrame	raf	requestAnimationFrame
tryCatchCodeBlock	trc	tryCatchCodeBlock
windowSetInterval	wsti	windowSetInterval
windowSetIntervalWithClear	wstic	windowSetIntervalWithClear
windowSetTimeout	wsto	windowSetTimeout
windowSetTimeoutClear	wstoc	windowSetTimeout
ifBlock	ifb	ifBlock
ifElseBlock	ife	ifElseBlock
ifReturnBlock	ifr	ifReturnBlock
doWhileBlock	dwb	doWhileBlock
whileBlock	wb	whileBlock
switchBlock	swh	switchBlock
forEachPlusPlus	fip	forEachPlusPlus
forEachMinusMinus	fim	forEachMinusMinus
throwNewError	thne	throwNewError

export

SnippetKey	Tab Trigger	Description
exportClassExtends	edce	export 默认继承类
exportDefaultClass	edc	export 默认类
exportDefaultFunction	edf	export 默认函数
exportDefaultObject	edo	export object
exportFunction	ef	export 函数
exportConstVariable	ec	export 常量
exportDefaultArrowFn	edaf	export 箭头函数

import

SnippetKey	Tab Trigger	Description
importReactDOM	ird	import react-dom
importDefaultModule	id	import default 模块
importDefaultModuleAs	ida	使用别名导入default模块
importModule	im	import 具名模块
importModuleAs	ima	使用别名导入具名模块
importEverything	ie	importEverything
importLodash	il	import lodash
import-lodash	i_	import lodash
import-classnames	icx	import classnames
importDecoratorAutobind	iab	导入@autobind
importReactPropTypes	ipt	import prop-types
importWithoutModuleName	imd	直接引入模块

propTypes

SnippetKey	Tab Trigger	Description
ReactPropTypeArray	pta	ReactPropTypeArray
ReactPropTypeArrayRequired	ptar	ReactPropTypeArrayRequired
ReactPropTypeArrayOf	ptao	ReactPropTypeArrayOf
ReactPropTypeArrayOfRequired	ptaor	ReactPropTypeArrayOfRequired
ReactPropTypeBool	ptb	ReactPropTypeBool
ReactPropTypeBigInt	ptbi	ReactPropTypeBigInt
ReactPropTypeBigIntRequired	ptbir	ReactPropTypeBigIntRequired
ReactPropTypeBoolRequired	ptbr	ReactPropTypeBoolRequired
ReactPropTypeElement	pte	ReactPropTypeElement
ReactPropTypeElementRequired	pter	ReactPropTypeElementRequired
ReactPropTypeElementType	ptet	ReactPropTypeElementType
ReactPropTypeElementTypeRequired	ptetr	ReactPropTypeElementTypeRequired
ReactPropTypeExact	ptex	ReactPropTypeExact
ReactPropTypeExactRequired	ptexr	ReactPropTypeExactRequired
ReactPropTypeFunc	ptf	ReactPropTypeFunc
ReactPropTypeFuncRequired	ptfr	ReactPropTypeFuncRequired
ReactPropTypeInstanceOf	ptio	ReactPropTypeInstanceOf
ReactPropTypeInstanceOfRequired	ptior	ReactPropTypeInstanceOfRequired
ReactPropTypeNumber	ptn	ReactPropTypeNumber
ReactPropTypeNumberRequired	ptnr	ReactPropTypeNumberRequired
ReactPropTypeNode	ptnd	ReactPropTypeNode
ReactPropTypeNodeRequired	ptndr	ReactPropTypeNodeRequired
ReactPropTypeObject	ptob	ReactPropTypeObject
ReactPropTypeObjectOf	ptobo	ReactPropTypeObjectOf
ReactPropTypeObjectOfRequired	ptobor	ReactPropTypeObjectOfRequired
ReactPropTypeOneOf	ptoo	ReactPropTypeOneOf
ReactPropTypeOneOfRequired	ptoor	ReactPropTypeOneOfRequired
ReactPropTypeOneOfType	ptoot	ReactPropTypeOneOfType
ReactPropTypeOneOfTypeRequired	ptootr	ReactPropTypeOneOfTypeRequired
ReactPropTypeObjectRequired	ptobr	ReactPropTypeObjectRequired
ReactPropTypeString	pts	ReactPropTypeString
ReactPropTypeStringRequired	ptsr	ReactPropTypeStringRequired
ReactPropTypeSymbol	ptsb	ReactPropTypeSymbol
ReactPropTypeSymbolRequired	ptsbr	ReactPropTypeSymbolRequired
ReactPropTypeShape	ptsh	ReactPropTypeShape
ReactPropTypeShapeRequired	ptshr	ReactPropTypeShapeRequired
ReactPropTypeCustomProp	ptcp	ReactPropTypeCustomProp
ReactPropTypeCustomArrayProp	ptcpr	ReactPropTypeCustomArrayProp

react

SnippetKey	Tab Trigger	Description
ReactComponentDidMount	cdm	ReactComponentDidMount
ReactComponentDidUpdate	cdup	ReactComponentDidUpdate
ReactComponentWillUnmount	cwum	ReactComponentWillUnmount
ReactThisProps	rcp	ReactThisProps
ReactThisState	rcs	ReactThisState
ReactGetDerivedStateFromProps	gdsfp	ReactGetDerivedStateFromProps
ReactGetSnapshotBeforeUpdate	gsbu	ReactGetSnapshotBeforeUpdate
ReactConstructor	rcnt	ReactConstructor
ReactCreateRef	ref	React.createRef()
ReactClassStaticChildContextTypes	rscct	childContextTypes定义
ReactClassStaticContextTypes	rsct	contextTypes定义
ReactClassStaticDefaultProps	rsdp	defaultPrps定义
ReactClassStaticPropTypes	rspt	propTypes定义
ReactCreatContext	rctx	React.createContext()
ReactFunctionContextProps	rfct	React函数组件ContextTypes定义
ReactFunctionDefaultProps	rfdp	React函数组件defaultProps定义
ReactFunctionPropTypes	rfpt	React函数组件propTypes定义
ReactClassPureComponent	rpcp	ReactClassPureComponent
ReactFunctionComponent	rpfm	ReactFunctionComponent
ReactInitState	ris	React 初始化state
ReactShouldComponentUpdate	scu	ReactShouldComponentUpdate
ReactThisSetState	rtss	this.setState()
ReactThisSetStateFn	rtssf	this.setState(() => {})
ReactGetChildContext	rgcc	ReactGetChildContext

reactHooks

SnippetKey	Tab Trigger	Description
ReactHookUseState	rhus	ReactHookUseState
ReactHookUseContext	rhuctx	ReactHookUseContext
ReactHookUseRef	rhuref	ReactHookUseRef
ReactHookUseEffectWillUnmount	rhueun	ReactHookUseEffectWillUnmount
ReactHookUseEffect	rhue	ReactHookUseEffect

require

SnippetKey	Tab Trigger	Description
moduleExportDefault	mde	moduleExportDefault
RequireDefault	rq	require 模块
RequireModule	rqm	require 具名模块
RequireWithoutModuleName	rqd	直接引入模块

shebang

SnippetKey	Tab Trigger	Description
nodeShebang	#n	node shebang
bashShebang	#b	bash shebang

Dobby FrontEnd Snippets

nxdsunweibin

dobby-frontend-snippets README

dva

es6

export

import

propTypes

react

reactHooks

require

shebang

dva

es6

export

import

propTypes

react

reactHooks

require

shebang