-VS코드 확장 프로그램 설치-
1. 먼저 VSCode를 실행해 줍니다.
2. 확장프로그램을 설치하기 위해서는 아래 이미지에 표시된 부분을 클릭해 줍니다
3. 아래 이지미에 표시된 부분에 설치하실 확장프로그램을 검색해 주시면 됩니다.
※설치할 확장프로그램
-Korean Language Pack(VSCode 코드 툴을 한국어로 사용할 수 있습니다.)
-indent-rainbow(탭영역색깔별로 구분 이 확장 프로그램은 각 단계마다 네 가지 다른 색상을 번갈아 가며 텍스트 앞의 들여 쓰기에 색상을 지정합니다. 일부는 Python, Nim, Yaml 및 들여쓰기에 의존하지 않는 파일 유형에 대한 코드를 작성하는 데 도움이 될 수 있습니다.)
- Auto Rename Tagr(쌍을 이루는 태그 자동 교정 Visual Studio IDE와 마찬가지로 쌍을 이루는 HTML/XML 태그의 이름을 자동으로 바꿉니다.)
- CSS Peek(HTML 문서에서 정의된 CSS를 금방 찾을 수 있도록 도와줍니다. ctrl+클릭하면 선언되누곳으로 이동합니다.)
- Html to css auto(마크업 문서부터 스타일시트까지 클래스 및 ID에 대한 완성 제안을 제공합니다.)
-Html CSS Suppo (Visual Studio Code에 대한 HTML id 및 특성 완성합니다.
class HTML id및 class속성 완성.
1. 완성을 위해 원격 및 로컬 스타일 시트 지정을 지원합니다.
2. 완성을 위해 모든 언어를 지원합니다.
3. 선택기에 대한 정의로 이동을 지원합니다.
4. 요청 시 CSS 선택기의 유효성을 검사합니다. - Live server(새로고침 안 하고 저장만 해도 자동으로 뜨는 확장 정적 및 동적 페이지에 대한 라이브 다시 로드 기능을 사용하여 개발 로컬 서버 실행)
- prettier-code (Prettier는 독선적인 코드 포맷터입니다. 코드를 구문 분석하고 최대 줄 길이를 고려하여 필요한 경우 코드를 래핑 하는 자체 규칙으로 다시 인쇄하여 일관된 스타일을 적용합니다)
* VS코드 단축키 (Window버전과 Mac버전)
비주얼 스튜디오 코드(VSCode)에는 생산성을 높여주는 다양한 키보드 단축키가 있습니다. 다음은 Windows와 macOS에서 일반적으로 사용되는 몇 가지 단축키입니다.
일반적인 단축키
파일 저장:
Windows: Ctrl + S
macOS: Cmd + S
실행 취소:
Windows: Ctrl + Z
macOS: Cmd + Z
다시 실행:
Windows: Ctrl + Y
macOS: Cmd + Y
Cut:
Windows: Ctrl + X
macOS: Cmd + X
복사:
Windows: Ctrl + C
macOS: Cmd + C
붙여 넣기:
Windows: Ctrl + V
macOS: Cmd + V
찾기:
Windows: Ctrl + F
macOS: Cmd + F
바꾸기:
바꾸기: Windows: Ctrl + H
macOS: Cmd + Option + F
파일을 엽니다:
Windows: Ctrl + O
macOS: Cmd + O
파일 닫기:
Windows: Ctrl + W
macOS: Cmd + W
줌인/줌아웃:
Windows: Ctrl + = / Ctrl + -
macOS: Cmd + = / Cmd + -
사이드바를 토글 합니다:
Windows: Ctrl + B
macOS: Cmd + B
탐색
정의로 이동합니다:
Windows: F12
macOS: Cmd + 기호 클릭
파일로 이동합니다:
Windows: Ctrl + P
macOS: Cmd + P
전체 화면으로 전환합니다:
Windows: F11
macOS: Cmd + Ctrl + F
통합 터미널
터미널 토글:
Windows: `Ctrl + ``
macOS: `Ctrl + ``
버전 관리
오픈 소스 컨트롤:
Windows: Ctrl + Shift + G
macOS: Cmd + Shift + G
변경사항을 커밋합니다:
Windows: Ctrl + Enter
macOS: Cmd + Enter
변경사항 푸시:
Windows: Ctrl + Shift + P를 누르고 Git을 입력합니다: Push
macOS: Cmd + Shift + P, Git을 입력합니다: Push
이는 몇 가지 예에 불과하며, 더 많은 단축키를 사용할 수 있습니다. VSCode의 키보드 단축키 편집기를 통해 원하는 대로 단축키를 탐색하고 사용자 지정할 수 있습니다(Windows의 경우 Ctrl + K, Ctrl + S 또는 macOS의 경우 Cmd + K, Cmd + S).