HTML 의 시작 , VSCODE 설치

• vscode 설치

---

테마설정 보기.

-관리 - 테마 - 색테마

 

확장 탭에서 다운로드 받기 ( Ctrl + Shift + X)

 

1) 한글 확장팩 다운로드 , 실행

검색어 : korean / 실행 : 다운로드 후 오른쪽 하단 Restart Now 클릭 

 

2)open in browser 다운로드

-HTML 파일을 바로 브라우저로 열고 싶을 때 이용.

-실행 : Alt + B

 

3)Live server 다운로드

-코드 수정시 매번 새로고침 해야하는 번거로움을 해소. 미리보기를 제공.

-저장을 해야지만 미리보기를 제공.

 

4)Auto Close Tag / Auto Rename Tag 다운로드

-태그를 자동으로 닫음 / 태그명 변경시 자동으로 쌍으로 이루어진 태그가 함께 변경.

 

5) tabout 다운로드

- 이클립스 처럼 괄호, 따옴표를 바로 빠져나갈 수 있음.

 

6)indent-rainbow

- 들여쓰기가 많아 보기 힘들 때 , 들여쓰기가 보기 쉬워짐

vscode 설정 초기화

 

-제어판 프로그램 삭제

-사용자 폴더 속 .vscode  code 폴더 삭제

C:\Users\user\.vscode

C:\User\user\AppData\Roaming\Code

 

vscode 작업 폴더 설정

 

-대상 자체의 폴더 드래그 또는 ,

-"새파일" 로 파일생성

-작업영역 설정 : 파일 - 작업영역을 다른 이름으로 저장 / workspace 생성

 (workspace 로드 : 파일 - 파일에서 작업영역 열기)

 

자동 코드 정렬 설정

 

-설정 - 텍스트 편집기 - 서식 -Format On Save ( 저장시에 자동 정렬 )