Vue

[Vue] vue 개발을 위한 플러그 인 (vscode )

머지?는 병합입니다 2024. 4. 1. 01:50
  • 먼저 Vue.js devtools  뷰쟁이들의  필수템 (구글 스토어) 
  • Korean Language Pack : 비주얼 스튜디오 코드 툴을 한국어로 사용할 수 있다.
  • Indent-Rainbow: Tab 영역을 컬러별로 다르게 표시하여 코드라인이 길어 졌을때 읽기 편하게 해 줌

 

  • Auto Rename Tag : HTML Tag에서 태그 이름을 바꾸면 쌍을 이루는 여는태그 또는 닫는태그 명도 실시간으로 함께 바꿔줍니다.
  • CSS Peek : HTML 문서에서 정의된 CSS를 금방 찾을 수 있도록 도와줌  ctrl + 클릭 하면 선언된 곳으로 이동함.
  • HTML to CSS autocompletion : HTML 문서에 선언된 class 명을 .css파일에서 입력할 때 자동완성 기능을 제공.
  • HTML CSS Support : HTML 문서에서 CSS의 자동완성을 이용할 수 있다.
  • Material Icon Theme : 파일 탐색기에서 파일 아이콘을 추가하여 보기 쉽게 만들어준다

  • Live Server: HTML 파일 수정 시 새로고침 없이 바로바로 즉각 적용되도록 도와준다.
  • ESLint: 코드 검사기로써 에러가 있는지 검사해주는 도구
  • Prettier: 코드 포멧터로써 코드를 일관성있고 예쁘게 작성할 수 있도록 도와주는 도구
  • Vue - Official: 기존의 volar.  Vue 3용으로 특별히 제작된 언어 지원 플러그인.
  • Vue VSCode Snippets: 아시는 분들은 다 아시겠지만... 이거 소개하려고 이 글을 쓴 걸수도...?
    이거 없으면 정말 코딩 못한다. 따로 포스팅할 계획