如何让 VS Code 自动完成 React 生命周期方法？

Question

How do I get VS Code to autocomplete React lifecycle methods?

eg http://g.recordit.co/ZpuzipGyuU.gif

Related question: How do I inline gifs on Stack Overflow?

Thanks in advance!

Answer 1

我正在使用这个扩展React Snippet Pack ，不是完全自动完成但非常有用。

Answer 2

Reactjs code snippets has 692,658 installs at this time and seems to be a good choice!

You can easily install it by choosing Extensions (Ctrl+Shift+X) in the left panel of Visual Code and typing Reactjs code snippets .

Although you need to type-specific things to get your methods completed, for example, if you type.

Type the first one and you will see the power of this extension!

rcc→    class component skeleton
rrc→    class component skeleton with react-redux connect
rrdc→   class component skeleton with react-redux connect and dispatch

cwm→    componentWillMount method
cdm→    componentDidMount method
cwr→    componentWillReceiveProps method
scu→    shouldComponentUpdate method
cwup→   componentWillUpdate method
cdup→   componentDidUpdate method
cwun→   componentWillUnmount method
gsbu→   getSnapshotBeforeUpdate method

ren→    render method

It has a pattern, you just need to type each first letter of each word of the method, or the first three letters when it has only one word. And it will complete automatically for you.

You can see all the options in the Visual Studio Market Place, Extension Overview