나다이_꾸준히걷기

VS Code 모든 파일 공백 크기 설정 매번 파일 생성할 때마다 공백 크기가 4로 설정이 된다. 생성할 때 공백 크기가 2로 설정되도록 하기 위해서는? 설정을 실행후 모든명령표시에서 설정 검색 Ctrl + Shitf + P 윈도우 Cmd + Shift + P 맥 또는 좌측 하단 톱니바퀴 모양 누르고 설정 클릭 2로 변경해주고 새로 만들기 하면 공백이 2로 모두 생성된다.

VS Code 의 단축키와 공백 2로 만들기 -사이드바 열기 or 닫기 Ctrl + B 윈도우 Cmd + B 맥 -이름으로 파일 검색(파일이나 기호 탐색) Ctrl + P 윈도우 Cmd + P 맥 - 현재 탭 닫기 Ctrl + W 윈도우 Cmd + W 맥 - 찾기 Ctrl + F 윈도우 Cmd + F 맥 화살표 키를 누르면 - 찾기/바꾸기(대체) Ctrl + H 윈도우 Cmd + Alt(Opt) + F 맥 - 줄 위로 이동 Alt + UpArrow(윗화살표) 윈도우 Alt(Opt) + UpArrow(윗화살표) 맥 - 줄 아래로 이동 Alt + DownArrow(아래화살표) 윈도우 Alt(Opt) + DownArrow(아래화살표) 맥 - 위에 줄 복사 Alt + Shift + UpArrow(윗화살표) 윈도..

VS Code에서 브라우저에 출력하기 Live Server VS Code의 확장 기능중 하나인 Live Server. Live Server를 설치하고 .html 파일에서 우측 버튼을 눌러 Open with Live Server 버튼을 클릭하면 실행 가능하다. (※html 파일이 아닌 경우엔 동작하지 않으니 확인!!) 버튼 클릭 후 자동으로 브라우저가 실행되며, 태그 안에 작성한 내용들이 화면에 보이게 된다.

VS Code 에서 태그 이름 한 번에 변경하는 추가 기능 Auto Rename Tag 좌측 사이드바의 확장에서 Auto Rename Tag를 설치하고 이용한다. Auto Rename Tag를 설치하여 사용하면 VS Code에서 앞 혹은 뒤의 태그를 변경할떄 짝꿍 태그도 동시에 같이 변경이 된다. html 태그를 변경할때 유용한 기능.

VS Code에 설정해 놓은 정리된 코드 만들기 Beautify 사이드바의 확장에서 Beautify 검색하면 나온다. 설치 후 단축키를 Ctrl + Alt + l(알파벳 소문자 엘) 설정하고 입력하면 코드 자동 정리 실행