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








Posted by 자유프로그램