이클립스에 VSC 연동하기

프로젝트 할때 프론트 부분을 따로 담당하는 사람이 없어 우리가 맡아야 한다.

Java는 아무래도 HTML, CSS, JS를 작업하기에는 조금 불편하기 때문에 바로바로 라이브로 화면을 볼 수 있다는 도구인 Visual Studio Code(일명 VSC)를 설치하기로 했다.

처음에는 코드만 복사 붙여넣기 했는데 둘을 연동을 할 수 있다기에 바로 찾아서 실행해 보았다.

 

---

 

VCS 연동하기 순서

 

1. 이클립스 Windows > preference 열기

2. preference > "file" 검색 > General - Editors - File Associations 클릭

3. File Association 에서 VSC와 연동할 확장 파일 선택

 

만약 연동할 파일이 보이지 않는다면 옆에 [add...] 를 누르고 파일 확장명을 직접 입력하여 추가한다.

예시)  .css, .html  (이때, dot(.)을 반드시 추가해 주어야 한다. 그리고 하나씩 써줘야 함.)

나는 css, html, jsp 를 사용할 것이기 때문에 확장자명 파일을 추가해준다.

 

4. 연동할 확장자명의 파일을 선택하고 아래블럭인 Associated editors 의 [add...]를 클릭한다.

 

5. External programs 클릭 > visual 검색 > Visual Studio Code 원본 파일 클릭후 OK

 

6. 설정이 완료 된 후 windows > preference > workspace

workspace에서 Refresh using native hooks or polling 설정에 체크한다.

 

7. 설정이 끝났다면 연동하고 싶은 파일을 선택 > 파일의 우측 클릭 > Open with > VSC 연동파일 클릭

 

 

8. VSC가 열리는 것을 확인할 수 있다!

 

 

 

 

+

 

참고로 VCS에 Live Server 확장 기능을 설치하면 바로바로 수정중인 화면을 볼 수 있다!!

 

 

 

---

 

 

화이팅해서 프로젝트 잘 마무리 지어보자!