Emmet for JSX on Sublime Text3, react에서 emmet 사용하기

1. Preferences > Key Bindings - User 에 다음을 추가

{ "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context":
    [
        { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" },
        { "match_all": true, "key": "selection_empty" },
        { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" },
        { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" },
        { "match_all": true, "key": "is_abbreviation" }
    ]
}

2. Sublime text에서 RegReplace 및 Command of Chain 패키지 설치

3. 엘리먼트 추가가 필요하다면 (a\\b|div|span|p\\b|button|strong) 이 부분에 원하는 엘리먼트를 추가하면 된다.

(a\\b|div|span|p\\b|button|strong|ul|li|img|table) 나는 이정도를 추가했다.

table>tr>td*3 같은 식으로 작성해도 코드를 한번에 생성해준다. 들여쓰기나 줄바꿈은 자동으로 되지 않는다.

출처 : https://code.i-harness.com/ko-kr/q/18e194a