使用vscode用户代码片段快速创建react组件模板

• 创建带有文件注释的函数式组件模板

1. 在vscode的设置中找到“用户代码片段”
2. 选择"新建全局代码片段文件..."

3. 复制以下内容并保存，即可生成代码片段

{
    "react function": {
        "prefix": "=rfc",
        "body": [
            "/**",
            "* @file ${2: $TM_FILENAME_BASE}",
            "* @date $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
            "*/",
            "$0",
            "",
            "import React from 'react';",
            "import PropTypes from 'prop-types';",
            "",
            "const ${1} = () => {",
            "return <div></div>",
            "};",
            "",
            "${1}.propTypes = {};",
            "",
            "export default ${1};",
            "",
        ],
        "description": "react funcitional component"
    }
}

使用方式：在新建的文件中输入“=rfc”，按tab键即可生成文件模板。光标默认停留在变量名的位置，输入后，按tab键，光标可跳转到文件注释位置，输入注释即可。