Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>fe-helper-vscodeNew to Visual Studio Code? Get it now.
fe-helper-vscode

fe-helper-vscode

fe-helper-vscode

|
54 installs
| (1) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft