VScode를 아무 익스텐션 없이 사용하기는 상당히 힘들 것입니다. 웹개발자에게 없으면 곤란해지는 VScode 익스텐션 6가지를 소개하겠습니다.
1. Bracket Pair Color DLW
코드를 작성하다보면 괄호가 엄청나게 많아져 각 괄호의 시작과 끝을 구별하기 힘들어집니다. 이 익스텐션은 각 괄호의 시작과 끝을 같은 색으로 분류하여 괄호 쌍을 쉽게 구분할 수 있도록 합니다.
2. Color Highlight
css 코드를 작성할 때 무조건적으로 색상코드를 통하여 색을 적용해야 한다. 이 때 코드에서 자신이 적용한 색상이 색상코드에 그대로 나타내 웹 개발의 효율을 높여준다.
3. HTML CSS Support
HTML과 CSS 코드를 작성할 때 자동완성, 구문 강조, 코드 검증등의 기능을 제공한다.
4. Korean Language Pack for Visual Studio Code
기본적으로 VScode는 모두 영어로 되어있다. 영어를 굉장히 잘해서 영어가 익숙하지 않다면 이는 상당히 불편해진다. 이 익스텐션은 VScode를 한국어로 사용할 수 있게 해준다. 물론 프로그래밍 언어는 영어이다.
5. Live Server
웹 개발을 하는 중 개발하던 웹에 들어가 제대로 구현이 되었는지와 어떻게 구현되었는지를 확인해야한다. 이때 마다 netlify와 같은 것들로 배포를 한다면 코드를 수정했을 때 웹에서는 어떻게 수정되었는지 확인하지 못 하고 굉장히 번거롭다. 이런 문제를 해결하기 위해서 간단히 로컬로 개발서버를 실행해 코드 수정시 어떻게 수정되었는지 즉각적으로 반영되므로 효율적이고 편하게 웹개발을 하게 해준다.