VSCode 개발환경 설정하기! (Visual Studio Code)

카테고리 없음

고인호 2023. 1. 15. 02:19

사용하는 개발의 환경이 변하지 않는다면

별로 필요없는 글이 될 수 있으나,,,,

최근 새로운 노트북 구매를 예정에 두고 있어서

내가 사용하는 설정값들을 적어놓고 나중에 참고하려고

글을 작성하게 되었다.

먼저 현재 내가 사용하는 VSC에서

설치되어 있는 Extension들의 목록을 보자면 다음과 같다

사실 하나하나 기억은 안나지만

가장 유용하게 사용하는 Extension 부터 정리해보겠다.

1. Prettier

이 Extension은 없으면 안되는 필수품,,,,

이 익스텐션은 코드 포매터로, 한마디로

내가 작성한 코드들을 예쁘게 정리해준다.

(자동으로 들여쓰기를 해준다거나)

우선 다운을 받은 이후에

Setting -> 'format' 검색한다.

Prettier에서 off 로 되어있는 것을 auto로 설정을 켜준다.

2. IntelliSense for CSS class names in HTML

이 익스텐션은 HTML에서 입력할 때

자동으로 CSS에 작성된 내용을 자동으로 로드해주는 기능을 함.

3. Live Server

웹 페이지 개발할때 유용한 익스텐션.

실시간으로 저장한 파일 내용이 반영되어

웹페이지가 바뀌는걸 확인가능함.

INHO 일상