본문 바로가기
개발 이야기/Vue.js

Vue.js 개발 시 VSCode 의 유용한 Extentions

by Crazy Lazy 2021. 11. 3.

 

- Auto Import : Import 를 편하게 해줌.

- Auto Close Tag : html 태그 자동 닫아주기.
- Auto Rename Tag : html 태그 변경 시 자동으로 앞뒤 같이 변경해주기.
- Bracket Pair Colorizer : 괄호 색상을 짝에 맞게 표시.
- Code Spell Checker : 스펠링 틀린 것 경고 표시.
- Color Highlight : 색상 기입 시 테두리로 표시
- Color Picker : 색상을 GUI 로 선택 가능.
- Css Peek : css 추적 기능.

- EditorConfig for VS Code : .editcofing를 적용할 수 있는 익스텐션(예시:확장자별 탭사이즈 조절)
- ENV : env 파일 깔끔하게 보기.

- ESLint : 코딩 스타일에 대한 규칙을 설정하고 강제할 수 있음. (팀 프로젝트 필수)
- indent-rainbow : 앞의 들여쓰기 공백에 따른 색상 표시.

- IntelliSense for CSS class names in HTML : css의 class 명 자동 완성 기능 제공.

- Korean(사용법) Language Pack for Visual Studio Code : VS Code 한글팩.

- Material Icon Theme : 탐색기 아이콘 이쁘게.

- Path Intellisense : 경로 자동완성 기능.

- SVN : 소스 형상 관리.

- Todo Tree : TODO 등 표시해놓으면 추후 추적하여 관리 가능.
- Trailing Spaces : 문자열 끝에 코드에 영향을 주지 않는 공백 남은 것을 저장 시 자동으로 삭제 처리.
- Vetur : 필수 플러그인으로, VS Code 에서 Vue 를 사용할 수 있게 함.

- Vue 3 Snippets : vue 쉽게 사용할 수 있ㄴ느 일종의 템플릿 삽입 기능.

- Vue Peek : 정의 내용 추적 기능.

'개발 이야기 > Vue.js' 카테고리의 다른 글

Vue.js 에서 DHTMLX Gantt 사용하기.  (0) 2021.12.01