리액트 공식 페이지에서 추천하는 문법 강조(Syntax highlighting) 플러그인
2018년 07월 29일리액트 공식 튜토리얼 페이지에서 추천하고 있는 에디터 별 문법 강조 플러그인을 소개한다.
아래와 같이 리액트 튜토리얼 페이지에서 바벨(Babel)에서 소개하는 페이지를 링크 걸고 추천하고 있다.
“We recommend following these instructions to configure syntax highlighting for your editor.”
각 에디터 별 문법 강조 플러그인 추천
Atom
language-babel 패키지 설치
Sublime Text 3
Package Control 설치 후 패키지 컨트롤 메뉴를 통해 Babel 패키지 설치
Vim
vim-javascript 플러그인 설치. yajs.vim이나 ex.next.syntax를 사용하는 것도 방법.
Visual Studio Code
sublime-babel-vscode 확장 프로그램 설치. 충돌 방지를 위해 기존에 다른 자바스크립트 문법 확장 프로그램(Latest TypeScript and JavaScript Grammar, Babel ES6/ES7 같은)이 설치되어 있다면 삭제하기를 권장.
함께 사용할만한 컬러 테마로는 One Dark, Charcoal Oceanic Next 추천.
WebStore
웹스톰은 해당 기능을 포함하고 있기 때문에 별도 설치는 필요없으나 설정에서 활성화시켜줄 필요가 있을 수도 있음.