TIL

[Vue 플러그인] vetur

hangooksaram 2020. 9. 17. 21:13

얼마전 vue 공부를 시작했다. Vue-CLI 를 설치하여 진행하던 와중 ~.vue 확장명인 파일에는 하이라이트 기능이나 에러 체킹 기능이 적용되지 않았다. 마치 코드들의 무덤에 있는 것 같았다. 따로 플러그인을 설치해야 될 것 같아서 찾아보던 중 공부를 진행중인 vs code에서 ~.vue 파일을 위해 extension을 설치하라는 알림이 떴다. 이게 내 문제를 해결해줄 수 있을 것같아서 설치를 했더니 해결이 되었다.

 

해결된 그 자체가 이 기능이다. Syntax-Highlighting, Erro Checking, Formatting, Debugging, Auto Completion 등 원활한 코딩을 위해 도움을 준다. 다른 플러그인들도 있지만 다운로드 수 가 많고 기능성이 좋다고 한다.

 

아래의 링크로 들어가 install을 누르면 vs code 창내에서 마켓플레이스가 생성된다.

 

marketplace.visualstudio.com/items?itemName=octref.vetur

 

Vetur - Visual Studio Marketplace

Extension for Visual Studio Code - Vue tooling for VS Code

marketplace.visualstudio.com