vscode React 快速生成代码块

「已注销」

于 2020-04-23 21:14:20 发布

阅读量773

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_45819980/article/details/105717251

本文介绍了如何在VSCode中通过安装特定插件，使用快捷键rcc+tab和rfc+tab来快速生成有状态和无状态的React组件代码块，提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用好插件能够方便我们的开发也能提高我们的效率和准确性，简单说下react快速生成代码块
在这里插入图片描述
在vscode中找到并安装这个插件
编写代码rcc+tab键就可以生成有状态的组件代码块

import React, { Component } from 'react'

export default class Home extends Component {
    render() {
        return (
            <div>
                
            </div>
        )
    }
}

编写代码rfc+tab键就可以生成无状态的组件代码块

import React from 'react'

export default function Home() {
    return (
        <div>
            
        </div>
    )
}