본문 바로가기

클라이언트/HTML
Visual Studio Code 프로그램 설치 및 기본 기능 익히기

- Visual Studio Code

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

- 한국어 버전을 선택하여 재시작하였다.


// 자동 완성

- 새 텍스트 파일을 만들고 html 확장자로 저장을 하면, html 언어가 자동으로 인식되어 자동완성 기능이 제공된다.

- head+body :  head와 body 태그를 자동 완성


//단축키

- Tab: 들여쓰기

- Shift + Tab : 내어쓰기

- Ctrl + / : 주석, 주석 해제

- Ctrl + B : 사이드바 표시, 숨기기

- Ctrl + Shift + P : 명령어 팔레트

- Ctrl + Shift + D : 실행


//기본 설정

- word wrap : 자동 줄바꿈


- 글씨 크기


// 확장 기능

- html preview


Ctrl + Shift + V : 실행 결과를 비주얼 스튜디오 코드 내에서 확인 가능

'클라이언트 > HTML' 카테고리의 다른 글

HTML 블록, 인라인  (0) 2023.03.02
HTML 시멘틱 마크업  (0) 2023.03.01
HTML 콘텐츠 모델  (0) 2023.03.01
HTML 태그의 종류  (0) 2023.02.28
HTML 문법  (0) 2023.02.26