스니펫 설정 절차

tsx 파일 스 니펫을 만들 때 typescriptreactVS Code는 스니펫을 파일 유형별로 json 파일로 관리합니다.

{
    "React Native Component": {
        "prefix": "react-native-component",
        "body": [
            "import React from \"react\";",
            "import { View, StyleSheet } from \"react-native\";",
            "",
            "type Props = {};",
            "",
            "export const ${TM_FILENAME_BASE}: React.FC<Props> = ({}) => {",
            "\treturn (",
            "\t\t<View style={styles.container}>",
            "\t\t\t<View />",
            "\t\t</View>",
            "\t)",
            "};",
            "",
            "const styles = StyleSheet.create({",
            "\tcontainer: {}",
            "});"
        ],
        "description": "React Native component"
    }
}

스니펫 사용