이제 html to css autocompletion을 설치해볼 것이다. 이는 정의된 CSS가 HTML의 어디에서 사용되었는지 찾아주고, HTML에 선언된 클래스명을 CSS에서 입력할 때 자동완성 시켜주는 기능을 제공한다.
다음으로 설치해볼 extenstion은 html css support이다. 이는 HTML에서 CSS의 스타일 규칙을 적용하기 위해 HTML에 정의를 해줘야 하는데, 이때 스타일명을 자동완성 시키는 기능이다. 
그리고 Live server인데, 이는 가상환경에서 html 파일을 돌릴 때 내가 코드를 수정하면 즉각 반영되도록 해주는 확장 프로그램이다.
마지막으로 prettier를 설치해준다. 이는 정렬을 깔끔하게 해주는 확장프로그램이다. 
이제 이를 이용하여 format 저장을 설정해주도록 하겠다. cmd + ,로 설정창을 열어주고 format on save를 입력해준다. 그러면 에디터에서 설정을 해줄 수 있다. 
또한 탭 간격을 조절하기 위해서 2칸으로 조절을 해줄 것이다. prettier을 검색하고 스크롤하여 내리다보면 prettier : tab width가 나온다. 이걸 2로 설정해준다. 
그리고 prettier quote를 검색하고, single quotes를 설정한다.

그런 후 아래쪽 javascript와 typescript의 quote를 auto에서 single로 변경시켜준다.
마지막으로 default formatter 검색, non에서 prettier로 설정해준다. 