Visual Studio Code 유용한 extensions
- Material Theme
- tool 배경색 등을 설정
- Material Icon Theme
- 아이콘이 보기좋게 바뀜
- Prettier
- 코드를 포맷팅해주는 툴
- 설치 후 settings로 가서 ‘save’ 검색
- Format On Save를 체크
- settings에서 prettier 검색
- Tab Width를 2로 설정
- settings에서 prettier quote로 가서 Single Quote 체크
- Bracket Pair Colorizer
- 괄호에 색감을 넣어서 가독성을 향상시킴.
- indent-rainbow
- 인덴트 처리된 부분이 무지개색으로 음영처리되서 가독성을 향상시킴.
- Auto Rename Tag
- 앞에 태그를 바꾸면 닫히는 태그도 같이 바뀔 수 있도록 해준다.
- CSS Peek
- html에서 css요소를 클릭했을 때 해당 css 파일로 이동할 수 있도록 해줌.
- HTML CSS Support
- html에서 css요소 자동완성
- Live Server
- 실시간으로 html, css를 확인할 수 있다.
- command palette에 Live Server 검색
- Open with … 클릭하면 새로운 웹브라우저가 켜짐.
- Markdown Preview
- README.md를 preview하면서 작성할 수 있다.
- HTML to CSS autocompletion
- html쪽에서 입력한 css 요소를 css파일에서도 자동완성 되도록 해줌