<blockquote data-ke-style="style3">다운로드<br><a href="https://code.visualstudio.com/" target="_blank" class="ke-link">https://code.visualstudio.com/</a></blockquote><p> </p><p><span style="color: #000000;" data-ke-size="size16">※ 설치 시 다음 창에서 체크박스 반드시 체크 후 진행합니다.</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1QoDq/1a7e68e5fa127747260513a9ca16bb4961ae2a80" class="txc-image" width="596" data-img-src="https://t1.daumcdn.net/cafeattach/1QoDq/1a7e68e5fa127747260513a9ca16bb4961ae2a80" data-origin-width="509" data-origin-height="211"></div><hr data-ke-style="style5"><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1QoDq/1e186f12aefd11aeed8183f41685b7cbc8feb2bb" class="txc-image" width="45" data-img-src="https://t1.daumcdn.net/cafeattach/1QoDq/1e186f12aefd11aeed8183f41685b7cbc8feb2bb" data-origin-width="45" data-origin-height="259"></div><p> </p><p><span style="color: #000000;" data-ke-size="size16"><b>Extensions 클릭(확장 필터링에서 확인 가능)</b></span></p><p><span style="color: #000000;" data-ke-size="size16">- Korean Language Pack for Visual Studio Code --> 재시작</span></p><p><span style="color: #000000;" data-ke-size="size16">- Live Server : alt + L O / Go Live / 마우스 오른쪽 Open with Live Server</span></p><p><span style="color: #000000;" data-ke-size="size16">- Beautify</span></p><p><span style="color: #000000;" data-ke-size="size16">- Color Picker</span></p><p><span style="color: #000000;" data-ke-size="size16">- 색 테마(Night Owl, Monokai dark soda)</span></p><p><span style="color: #000000;" data-ke-size="size16">- Material Icon Theme</span></p><hr data-ke-style="style6"><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1QoDq/bf14a0801d38f10b9b6381963b8abaa7ebb05f8c" class="txc-image" width="45" data-img-src="https://t1.daumcdn.net/cafeattach/1QoDq/bf14a0801d38f10b9b6381963b8abaa7ebb05f8c" data-origin-width="45" data-origin-height="130"></div><p> </p><p><span style="color: #000000;" data-ke-size="size16"><b>설정</b></span></p><p><span style="color: #000000;" data-ke-size="size16">- [보기] - [미니맵 표시] 끄기</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > "tab" 검색 > Tab Size : 2</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > "zoom" 검색 > Mouse Wheel Zoom 체크</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > font > Font Size : 25</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > wordwrap : on</span></p><p> </p><p><span style="color: #000000;" data-ke-size="size16">- [파일] - [자동 저장]</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > autosave : Auto Save Delay : 500</span></p><p> </p><p> </p><p><span style="color: #000000;" data-ke-size="size16"><b>Live Server</b></span></p><p><span style="color: #000000;" data-ke-size="size16">- 확장 > Live Server > 설정 > 확장 설정</span></p><p><span style="color: #000000;" data-ke-size="size16">- Live Server Config > Live Server > Settings: Custom Browser > chrome</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1QoDq/c7910a31969cd3fc74e45ff4d22fd464091cc420" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/1QoDq/c7910a31969cd3fc74e45ff4d22fd464091cc420" data-origin-width="985" data-origin-height="592"></div><hr data-ke-style="style6"><p> </p><p><span style="color: #000000;" data-ke-size="size16"><b>단축키 : 설정 > 바로 가기 키</b></span></p><p><span style="color: #000000;" data-ke-size="size16">- 탐색 창 열기 / 닫기 : Ctrl + B</span></p><p><span style="color: #000000;" data-ke-size="size16">- 찾기 : Ctrl + F</span></p><p> </p><p><span style="color: #000000;" data-ke-size="size16">- 줄 주석 설정/해제 : Ctrl + /</span></p><p><span style="color: #000000;" data-ke-size="size16">- 블록 주석 설정/해제 : Alt + Shift + A</span></p><p> </p><p><span style="color: #000000;" data-ke-size="size16">- 줄 삭제 : Ctrl + Shift + K</span></p><p> </p><p><span style="color: #000000;" data-ke-size="size16">- 줄 단위 선택 : Shift + 위 아래 방향키</span></p><p><span style="color: #000000;" data-ke-size="size16">- 한 줄 안에 한자씩 선택 : Shift + 왼쪽 오른쪽 방향키</span></p><p> </p><p><span style="color: #000000;" data-ke-size="size16">- 줄 위 아래로 이동 : Alt + 위 아래 화살표</span></p><p> </p><hr data-ke-style="style6"><p><span style="color: #000000;" data-ke-size="size16">- 들여쓰기 : Ctrl + ]</span></p><p><span style="color: #000000;" data-ke-size="size16">- 내어쓰기 : Ctrl + [</span></p><hr data-ke-style="style6"><p> </p><p><span style="color: #000000;" data-ke-size="size16">※ 바로가기 키 설정하기</span></p><p><span style="color: #000000;" data-ke-size="size16">- ‘Beautify’ 검색 ---> Beautify Selection ---> Ctrl + Alt + B</span></p><p><span style="color: #000000;" data-ke-size="size16">- 아래에 줄 복사 : Alt + D</span></p><hr data-ke-style="style6"><p> </p><p><span style="color: #000000;" data-ke-size="size16"><b>같은 단어 한꺼번에 편집</b></span></p><p><span style="color: #000000;" data-ke-size="size16">- 단어 블록 잡고 --> ctrl + shift + l</span></p><p><span style="color: #000000;" data-ke-size="size16">- 커서 놓은 후 alt + 클릭</span></p><hr data-ke-style="style6"><p><span style="color: #000000;" data-ke-size="size16">MDN Reference Tooltip 비활성화하기</span></p><p><span style="color: #000000;" data-ke-size="size16">- 설정 > editor.hover.enabled 검색</span></p><p><span style="color: #000000;" data-ke-size="size16">- '호버 표시 여부 제어'를 체크 해제</span></p><p> </p><p> </p>
<!-- -->
