공부를 하며 세미콜론(;)을 안써서 작동이 안되거나,
겹겹이 쌓은 하드코딩 때문에 코드를 해석하는데 어려움이 많았다.
유용한 익스텐션
아래의 익스텐션들을 사용하니 실수가 많이 줄었다.Material Theme
- show all commands -> 원하는 배경색으로 변경
material icon Theme
확장자마다 아이콘을 붙여줘서 js,html,css등 파일 구분이 편해졌다, 예쁘다.
prettier
- 설정으로 이동 command + ,
- save 검색 ,
-format on save 체크박스 체크
-prettier 검색, Tab Width 2로 설정
-prettier quote 검색, single quote 사용
현재로서는 나에게 없어선 안될 존재이다.
Bracket pair colorizer
ㄴ 괄호의 색깔을 다르게 만들어줘서 가독성을 높임
indent rainbow
ㄴ 들여쓰기된 코드들에게 색깔을 준다, 마찬가지로 가독성
auto rename tag
ㄴ 설치한 후 , 태그를 변경할 경우 태그 앞뒤를 다 바꿔줌
css peek
ㄴ command 누른상태로 코드 클릭하면 바로 정의된 css파일로 이동됨
HTML CSS Support
ㄴ HTML , CSS를 연동해뒀다가, 만약 코드를 수정하게되면 자동입력처럼 추천내용을 보여줌
live server
ㄴ html,css 저장 시 새로고침 없이 바로 변경 내용을 확인할 수 있음
==
설치필요없는 내장기능,
Markdown Preview
ㄴ md파일 작성 시 보면서 쓸 수 있게 해줌
ㄴ vsc에 내장되어 설치할 필요가 없다.
programming!