fe-helper 开发助手
介绍
fe-helper 是一款基于 webpack 的前端开发工具,它可以帮助你快速编码,提高开发效率。
创建 react 模板,快速注释,快速创建 react hooks 等等。
提供的命令:
command + shift + p,输入 fe-helper, 创建 react模板
提供代码补全:
ll: console.log()
lo: console.log('object', object)
lc: console.log('%c 🍵 $1', 'font-size:20px;background-color: #FCA650;color:#fff;', $2);
lct: console.log('\x1b[44;37m%c 🍵 $1 ==>\x1b[0m', `\x1b[44;37m${$1}\x1b[0m`);
//: 快捷注释
crf: create-react-function-template
crc: create-react-class-template
crh: create-react-hooks-template
crp: create-react-pure-component-template
for: for循环
while: while循环
if: if语句
ue: useEffect
ule: useLayoutEffect
us: useState
ur: useReducer
uc: useContext
ur: useRef
uih: useImperativeHandle
um: useMemo
ucb: useCallback
import: import
require: require
export: export
export default: export default
export class: export class
export default class: export default class
| |