[Web] 내가 쓰는 VS Code Extension

실제 내가 사용하는 Extension만을 소개한다.

 

1. prettier

code의 줄바꿈 등 코드를 일관성있고 이쁘게 보여주는 프로그램이다.

mac에서는 shift + option + f 를 입력하면 정렬이 된다.

 

2. auto rename tag

<h1> hello </h1> 이런 코드를 h3로 바꾸려고 한다면 열리는 태그, 닫히는 태그 총 2번 바꿔야한다.

이런 수고를 덜어주는 프로그램이다.

 

3. css peek

HTML 문서에서 디자인을 입히는 작업을 하려면 css 파일로 넘어가서 작업을 해야한다.

그 과정을 줄여주는 프로그램이다.

html 파일에서 클래스명 같은걸 선택하고 option + f1(mac)를 누르면 해당 css 코드가 표시된다.

너무 편한 프로그램이다.

 

4. html preview

HTML이 바뀔 때마다 바로 적용해서 웹사이트를 보여주는 프로그램이다

필수 프로그램이다. 아주 유용함.