[TIL] Visual Studio Code 기본 사용법

언어 지원

---

• Ctrl + k ⇒ m을 누르면 개발 언어를 변경할 수 있다.

편집

---

html에서 원하는 태그를 수식으로 나열하고,

h1+ol>li*3

Tab키를 누르면 자동으로 정렬된다.

<h1></h1>
        <ol>
            <li></li>
            <li></li>
            <li></li>
        </ol>

• 코드를 드래그해서 Tab키를 누르면 설정된 공백만큼 들여쓰기된다.
• Shift + Tab을 누르면 설정된 공백만큼 내어쓰기된다.
• Ctrl + /를 누르면 어떤 언어든 주석 처리할 수 있다.
• Ctrl + h로 태그나 변수명을 일괄 변경할 수 있다.

화면 분할

---

• 파일 탐색기에 있는 파일을 드래그하면 여러 개의 파일을 한꺼번에 볼 수 있다.

파일 찾기

---

• Ctrl + p를 누르면 검색을 통해 쉽게 원하는 파일로 이동할 수 있다.
• 사이드 바에 검색 버튼을 누르면 내용을 검색해서 원하는 파일로 이동할 수 있다.

명령어 팔레트

---

• Ctrl + Shift + p를 누르면 명령어 팔레트를 실행할 수 있다.
• 필요한 설정이나 기능을 쉽게 찾아서 적용할 수 있다.

실행

---

• Ctrl + Shift + d를 누르면 코드가 실행된다.
• Ctrl + Shift + f5를 누르면 새로고침하여 수정된 코드가 반영된다.

확장 기능

---

• VS Code에는 다양한 extension이 있다. 필요에 따라 찾아서 사용하면 나에게 최적화된 개발 환경을 만들 수 있다.

P.S.

✍️ 그동안 군대에서 불가피하게 구름 IDE를 이용해서 개발을 해왔는데, 이제 집에서 코딩을 시작하면서 사람들이 대중적으로 사용하는 VS Code를 설치하게 됐다. 생각보다 굉장히 직관적이고, 특히 다양한 extension이 있다는 점이 놀라웠다😃

전역 즈음부터 정리하고 글 쓰는 일이 뜸했다. 공부를 아예 접었던 건 아니지만, 주변 정리하면서 사실 많이 논 것도 있다😅 오늘부터 다시 마음잡고 이어가야겠다🔥

Reference

---

• Visual Studio Code 기본 사용법 by 생활코딩