해당 글은 꾸준히 수정이 될 예정입니다. 현재 최종 수정일 2022.10.19
확장(ctrl+shift+X
) 탭에서 한국어를 검색 후 확장 파일 다운로드.
확장(ctrl+shift+X
) 탭에서 Live server을 검색 후 확장 파일 다운로드.
html 코드 작성창에서 오른쪽 마우스 클릭 후 라이브 서버 페이지로 이동하거나, VSC 하단 Live 버튼을 눌러서 서버 페이지로 이동 가능.
좌측 하단에 있는 톱니바퀴(설정) 탭에서 색 테마, 파일 아이콘 테마, 제품 아이콘 테마를 변경.
현재 김당퀔이 쓰고 있는 테마는 Ayu Dark Bolder, Material Icon Theme
!
, html:5
입력 후 탭 혹은 엔터.
css는 브라우저마다 설정된 기본값이 있기 때문에 그것을 없애기 위해 reset값을 설정해 준다. html <head>
부분에 링크를 넣어 준다.
ul>li*4
입력 후 탭.
결과
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
div.quokka>div.carrots>div.carrot
입력 후 탭.
결과
<div class=quokka>
<div class=carrots>
<div class=carrot></div>
</div>
</div>
ctrl+/
단축키 사용. 어떤 언어든지 ctrl+/
를 사용하면 됨.
alt + 방향키
다중 선택하고 싶은 코드를 드래그 후 ctrl + d
ctrl+shift+P
을 눌러 들여쓰기를 검색하면 공백을 사용한 들여쓰기
가 나오는데, 그것을 클릭 하면 설정값이 나온다. 추천 값은 2.
왼쪽 하단 톱니바퀴를 누른 후 설정
> 일반적으로 사용되는 설정
> Editor: Tab size