自定义代码片段

1. 在当前项目根目录中创建.vscode文件夹
2. 在.vscode文件夹创建.code-snippets结尾的文件，如react.code-snippets

{
	"Next.js TS Function Component": {
			"prefix": "react-init",
			"body": [
					"import React, { useState, useEffect } from 'react';",
					"import styles from './${1:index}.module.scss';",
					"",
					"export function ${2:MyPage}() {",
					"  const [${3:stateName}, set${3:stateName}] = useState(${4:''});",
					"",
					"  useEffect(() => {",
					"    // Add your useEffect logic here",
					"  }, []);",
					"",
					"  return (",
					"    <div className={styles['container']}>",
					"      {/* Add your JSX here */}",
					"    </div>",
					"  );",
					"}"
			],
			"description": "Create a Next.js functional component with TypeScript"
	}
}

3. 在文件中输入快捷指令 react-init
   
4. git提交.vscode文件夹，以便成员共享

代码片段设置

查看所有代码片段可以在左下角设置-用户代码片段找到