Eclipse 자바스크립트 파일 컬러 설정 처리

이클립스를 설치하고 자바스크립트 파일을 열었더니 하이라이트가 표시되지 않고 모두 흑백으로 나온다.

이런 경우는 처음이다.

검색해보니 전자정부 3.10.0 버전에서 Javascript 메뉴의 기능이 제대로 지원되지 않는 것이었다.

그래서 별도로 설치를 해주어야 한다.

다른 블로그를 검색해보니 Eclipse에서 Window -> Preperences 에서 적용해주면 된다고 했다.

그래서 따라 해보았다.

자바스크립트 하이라이트 적용

 

자바 스크립트 파일을 열었더니 위와같이 하이라이트가 적용이 안된다.

Window -> Preperences -> General -> Editors -> File Associations 로 이동.

Add버튼 선택 -> *.js 를 추가해준다.

 

추가하게 된다면 File types 에 *.js 가 등록되며 표시된다.

*js 를 선택하고 하단의 Associated editors에서 Generic Text Editor을 선택한 후 Apply and Close를 선택한다.

 

그래도 안된다

그래도 안된다면 다음을 진행하자.

먼저 이클립스 메뉴의 Help > Install New Software > Work with 로 이동.

http://download.eclipse.org/releases/photon 을 입력한 후 플러그인중에서 [Web, XML, Java EE] 선택하여 설치를 진행한다.

Work with에 입력 후 검색.

하단의 목록에서 Web, XML, Java EE and OSGI Enterprise Development 선택.

 

 

Next 선택하여 설치를 진행한다.

Next 진행하여 설치 진행.

 

다시 Preperences 설정

Window > Preferences > General > Editors > File Associations 이동.

ADD 버튼선택 후, *.js 추가한다.

*.js를 추가하면 아래와 같이 나타난다.

*.js를 선택한 후, Javascript Editor을 선택하고 Default를 선택하여 맨 위로 올려준다.

그런 후 Apply and Close 선택하고 이클립스를 재시작 한다.

 

확인

javascript 파일을 열면 하이라이트가 적용된것을 확인할 수 있다.