React -- WebStorm 10 설정하기

React -- WebStorm 10 설정하기

환경 : Mac OsX El Capitan, WebStorm 10.0.4

참고 : http://blog.jetbrains.com/webstorm/2015/05/ecmascript-6-in-webstorm-transpiling/

** 문제점 ; React JSX 사용시 WebStorm 10 에서 붉은색 에러 표시  발생함. --> 작동은 하지만 보기 싫다.

해결책 -- 메뉴에서 Preferences 선택하여, JSX Harmony 설정한다.

               js 파일로 분리한다.

<< ECMA2015  설정하기 >>

File watcher for Babel

$ npm install --save-dev babel-cli

Preferences | Tools | File watchers  --> Babel 선택

** ECMA2015 사용 위해

$ npm install --save-dev babel-preset-es2015

** JSX 사용하기 위해

$ npm install --save-dev babel-preset-react