필자는 Vscode의 장점 중 하나가 편하고 좋은 확장 프로그램이라고 생각한다.
우리가 Vscode를 쓸 때 우리의 마음에 안정을 주는 프로그램을 소개한다.
1. Prettier
HTML같은 상당히 긴 코드를 써야하는 언어를 자주 사용하는 사람들에게 추천한다.
필자는 HTML을 완성하고 Ctrl + S 를 누를 때마다 Prettier로 마음의 안정을 받는다.
적용이 안되는 경우가 종종 있으니 안되는 사람은
https://velog.io/@j1min/Vscode-Prettier-%EC%A0%81%EC%9A%A9-%EC%95%88%EB%90%A8-%EA%B3%A0%EC%B9%98%EB%8A%94%EB%B2%95
이 글을 참고하도록 하자
2. Material Icon Theme

Vscode 기본 아이콘은 상당히 밋밋하고 구분도 잘 안가는 경우가 많은데 이게 있다면 여러 언어들을 편하게 구별 할 수 있다.
이건 적용법도 어렵지 않으니 강추한다.
3. Indent Rainbow

이건 Python같은 들여쓰기가 상당히 중요한 언어를 할 때나 HTML을 깔끔하게 정리하고 싶은 사람에게 추천한다. 하지만 종종 Prettier로 정렬할 때 들여쓰기가 빨간색으로 표시되는 경우에는 정신이 나갈거같으니 주의하자.
4. Live Server

HTML을 할 때 내 코드가 웹상에서 바로 나오게 도와주는 프로그램이다.
오류가 발생하는 경우가 잦은데 그건 Vscode localhost 설정을 바꾸면 된다 잘 정리된 글이 있어서 첨부한다
https://readme.tistory.com/31
개인적으로 Vscode에 오류가 좀 많은거같다.
나 혼자 오류를 겪는건 아니니 구글에 오류메시지를 잘 복사해서 찾도록 하자