Question

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

e.g。 http://g.recordit.co/ZpuzipGyuU.gif

相关问题：如何在Stack Overflow上内联gif？

提前致谢！

Answer 1

我使用此扩展程序React Snippet Pack，并非完全自动完成但非常有用。

Answer 2

Reactjs code snippets目前已安装692,658，似乎是一个不错的选择！

您可以通过在Visual Code的左侧面板中选择Extensions (Ctrl+Shift+X)并键入 Reactjs代码段来轻松安装它。

尽管您需要键入特定的内容来完成您的方法，例如，如果键入。

输入第一个，您将看到此扩展程序的强大功能！

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

它有一个模式，您只需要键入该方法每个单词的每个第一个字母，或者当它只有一个单词时键入前三个字母。它将自动为您完成。

您可以在Visual Studio Market Place, Extension Overview

中看到所有选项

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

2 个答案: