728x90
반응형
VSC
Shift + command + p
snippets 검색
global.code-snippets.json 파일 설정
{
"reactFunction": {
"prefix": "rfc",
"body": "import React from 'react';\n\nexport default function ${1:${TM_FILENAME_BASE}}() {\n\treturn (\n\t\t<div>\n\t\t\t\n\t\t</div>\n\t);\n}\n\n",
"description": "Creates a React Function component"
},
"reactStatelessImplicitReturn": {
"prefix": "rsi",
"body": "import React from 'react';\n\nexport const ${1:${TM_FILENAME_BASE}} = (props) => (\n\t\t\t$0\n\t);",
"description": "Creates a React Function component"
},
"Import Module CSS": {
"prefix": "si",
"body": [
"import styles from './$TM_FILENAME_BASE.module.css'"
],
"description": "Import PostCSS"
},
"ClassName": {
"prefix": "cn",
"body": [
"className={styles.$1}"
],
"description": "Adding className"
}
}
// 20230204105027
// https://d2lmphbmp3ptuw.cloudfront.net/assets/global_code_snippets_90e952e0d8.json
{
"reactFunction": {
"prefix": "rfc",
"body": "import React from 'react';\n\nexport default function ${1:${TM_FILENAME_BASE}}() {\n\treturn (\n\t\t<div>\n\t\t\t\n\t\t</div>\n\t);\n}\n\n",
"description": "Creates a React Function component"
},
"reactStatelessImplicitReturn": {
"prefix": "rsi",
"body": "import React from 'react';\n\nexport const ${1:${TM_FILENAME_BASE}} = (props) => (\n\t\t\t$0\n\t);",
"description": "Creates a React Function component"
},
"Import Module CSS": {
"prefix": "si",
"body": [
"import styles from './$TM_FILENAME_BASE.module.css'"
],
"description": "Import PostCSS"
},
"ClassName": {
"prefix": "cn",
"body": [
"className={styles.$1}"
],
"description": "Adding className"
}
}
728x90
'Frontend > React' 카테고리의 다른 글
[React] Context란? (2) | 2023.02.05 |
---|---|
[React] 고유한 아이디 부여 라이브러리 (uuid) (1) | 2023.02.04 |
[React] 컴포넌트의 재사용성 (Wrap) (0) | 2023.02.04 |
[React] 리액트에서 자주 쓰이는 CSS (0) | 2023.02.03 |
[React] 입력폼 (form) (0) | 2023.02.03 |