서브라임텍스트에서 자바스크립트 파일 ES6 Syntax Highlight 설정하기

Mar 24, 2017

프로젝트를 진행할 때 자바스크립트를 사용하는데, 오래된 프로젝트는 ES3, ES5를 사용하고, Webpack을 사용한 이후 프로젝트는 ES6만 사용한다. 프로젝트에 따라 문법을 다르게 써야 할 필요가 있는데, 서브라임에서는 기본적으로 한 확장자에 하나의 언어만 지원한다. 물론 변경할 수도 있지만 파일마다 변경해야 해서 귀찮다. 그래서 찾은 플러그인이 sublime-project-specific-syntax이다.

이 플러그인을 사용하면, 프로젝트마다 syntax를 설정할 수 있다.

방법은 플러그인 설치 후 프로젝트에서 다음과 같이 설정하면 된다.

Project - Edit Project

{
    ...
    "syntax_override":
    {
        "\\.js|\\.jsx$":
        [
            "Babel",
            "JavaScript (Babel)"
        ]
    }
}