成员共享vscode用户代码片段

最新推荐文章于 2024-04-27 14:02:43 发布

生如夏花❀❀

最新推荐文章于 2024-04-27 14:02:43 发布

阅读量162

点赞数 8

文章标签： vscode ide 编辑器 reactjs

本文链接：https://blog.csdn.net/u013444642/article/details/137507630

版权

自定义代码片段

在当前项目根目录中创建.vscode文件夹
在.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"
	}
}