본문 바로가기

SCRIPT/NODE JS

[nodejs] nodeclise - 포맷터를 이용한 ejs 파일 html 스타일 적용하기

[nodejs] nodeclise - 포맷터를 이용한 ejs 파일 html 스타일 적용하기





* 만약 nodeclipse 를 사용하고 싶으시다면 아래의 포스팅을 참조해주세요 

노드 + 이클립스 > nodeclipse 를 연동하기 포스팅 > https://binshuuuu.tistory.com/8?category=608402





1. 개요

nodeclipse 라는 좋은 툴을 입혔지만, JAVASCRIPT 나 HTML 파일이 아닌 .ejs 파일의 경우에는 포맷터에

정의가 되어있지 않기 때문에 사용하는데에  불편함을 겪을 수 있다.

자동완성이나, 문맥맞춤 등을 사용하지 못하는 마치 '메모장' 같은 파일에서 작업해야한다는 이야기이다. 너무 불편한 상황아닌가

그렇다면 이클립스 포맷터에 ejs 파일을 등록하여 html의 포맷에 맞춰 정리할 수 있도록 설정하는 것으로 해결하자



2. 설정하기

windows > preference > General > Editors > File Associations





Add > *.ejs > OK





*.ejs 파일이 등록된 것이 확인 된다면, 해당 ejs 파일을 선택합니다.





아래의 Associated Editos > Add > HTML Editor



추가된 것을 확인한 후, 적용 후 닫기.







이전에 작업하던 ejs 파일을 새로 열기해보면 아래와 같은 창이 뜹니다. 

간단하게 얘기해서 HTML type 으로 설정해서 열겟냐 뭐 이런 이야기입니다. 

OK 해줍시다









HTML 포맷이 적용된 것을 확인할 수 있습니다.






ejs 파일로 예를 들었지만, 다른 포맷의 경우에도 위와 같은 방법으로 이클립스에서 제공하는 포맷들을 이용하여 필요한 파일들의 

포맷을 적용할 수 있습니다.