sts3 js 파일 하이라이트, 자동완성 안될때

 

 

스프링을 사용하실 때 sts3를 사용하시면 이클립스와는 다른 점들이 여러 개 보이실 겁니다.

 

그중 불편한 하나는 js파일에서 자동완성이 되지 않으며 변수 및 메서드에 하이라이트 되던 게 안되는 것일 겁니다.

 

 

구글링 해서 이것저것 알아봤는데 오리지널 이클립스 관련 설정들만 나오더라고요

 

대부분 

window -> Preferences -> General -> Editors -> File Associations 에서 *.js 추가하고 

Generic Text Editor 을 기본값으로 두라는 내용이 많았을 겁니다.

 

 

 

하지만 너무 불편해서 구글링을 더 해본 결과 다른 방법을 찾았습니다.

 

 

두 번 정도 설치해 봤는데 한 번은 관리자권한으로 실행해야 설치가 되었었고

방금 글을 작성하면서 노트북으로 설치를 다시 해봤는데 관리자권한 아니어도 설치가 되네요.

 

진행해보시고 안되면 sts3를 관리자 권한으로도 실행하여 설치해 보시기 바랍니다.

 

 

 

설치방법은 상단 Help 메뉴에서  Install New Software 를 클릭합니다.

 

 

 

 

Install창에서 아래 링크를 입력 후 엔터를 치면 아래에 여러 가지 라이브러리(?)들이 표시됩니다.

https://download.eclipse.org/releases/2020-03

 

그중 리스트의 맨 아래에 Web, XML, Java EE and OSGi Enterprise Development 를 체크합니다.

 

넘어가기 전 맨 아래 체크박스는 해제합니다.

Contact all update ... 체크해제

 

 

표시되는 창들은 허용하고 넘어갑니다.

 

 

우측 하단에 보면

 

진행 상황이 나오는데 오른쪽 겹친 모양을 누르면 Progress로 넘어가집니다. 진행 상황을 확인할 수 있습니다.

꽤 시간이 걸립니다.

 

 

 

설치가 모두 완료되면 재시작을 하라는 안내 창이 표시됩니다.

 

재시작을 하고 나서 잠시 기다리시면 

 

js파일명 좌측 이미지(?)가 다른 이미지로 변경이 됩니다.

 

이처럼 변하면 설치는 성공이 된 것으로 보시면 될 거 같습니다.

 

 

 

 

 

위 이미지처럼 하이라이트는 물론 자동완성까지 사용할 수 있는 상태가 되었습니다.

 

오리지널 이클립스에서 스프링이 제대로 동작이 안돼서 불편하네요..

 

 

아래는 여담....

나중에 안 사실인데 위 방식처럼 설치해도 MarkerPlace에서 보여지더라구요??

아마 위에서 설치한게 아래 두개일것으로 추측됩니다.

 

설치전에 확인을 못해서 정확하진않지만 MarketPlace에서도 검색하여 설치가 가능할것같습니다.

 

 

 

 

 

이상 STS3에서 js파일 하이라이트 및 자동완성 기능 사용하기였습니다.