[React] Visual Studio Code 설정

더블클릭해서 파일/디렉토리 열도록 변경

• 파일 > 기본 설정 > 설정
• Workbench > List: Open Mode : doubleClick

React 컴포넌트 템플릿 설정

• 파일 > 기본 설정 > 사용자 코드 조각
• react-template.code-snippets 파일명으로 파일 생성
• 아래 내용 추가 후 저장
• 자바스크립트 파일 내에서 react-template이라고 치면 나오는 항목 선택시 아래 템플릿 자동완성

{    
    "react template": {
        "scope": "javascript,typescript",
        "prefix": "react-template",
        "description": "react template",
        "body": [
            "import React, { Component } from 'react';",
            "import PropTypes from 'prop-types';",
            "",
            "const propTypes = {",
            "",
            "};",
            "const defaultProps = {",
            "",
            "};",
            "",
            "class ${1:component} extends Component {",            
            "\tconstructor(props) {",
            "\t\tsuper(props);",
            "\t}",
            "",
            "\trender() {",
            "\t\treturn (",
            "\t\t\t<div></div>",
            "\t\t);",
            "\t}",
            "};",
            "",
            "${1:component}.propTypes = propTypes;",
            "${1:component}.defaultProps = defaultProps;",
            "",
            "export default ${1:component};"            
        ]
    }
}