比如每次新建一个页面，都会有很多相同的代码，这时候就可以使用VSCode的用户代码片段 功能。

第一步：找到vscode的左下角的设置按钮，点击“用户代码片段”

 

第二步：从上方弹出的输入框输入你要快速生成代码片段的命令，比如：你想在文件中输入"reactFile"就生成一段代码

 

第三步：在弹出的文件替换成下面的内容；

注意：ReactFile是你的快速命令，建议都统一； body内容是你要生成的代码片段

{
  "reactFile":{
    "prefix":"reactFile",
    "body":[
        "import React from 'react';",
        "import styles from './index.less';",
        "",
        "",
        "const Name: React.FC = () => {",
				  "  return <div>",
          "",
				  "  </div>",
        "}",
        "",
        "",
        "",
        "export default Name;",
        "",
    ],
    "description":"快速生成React基本格式"
  }
}

 

最后在你的文件中输入定义好的命令，即可快速生成代码;  比如我的reactFile