728x90
📌 VS Code 설치
아래 북마크를 방문하여 다운로드 한다.
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
📌 VS Code Plugin 설치
VS Code 사용 시 유용한 플러그인들을 설치한다.
| 플러그인 | 설명 | 비고 |
| Korean Language Pack | 에디터 한글 지원 | |
| Material Icon Theme | 탐색기 아이콘 테마 | |
| One Dark Pro | 에디터 색상 테마 | |
| Live Server | 새로고침 없이 저장 즉시 웹사이트에 반영 | |
| Indent-Rainbow | 들여쓰기를 색상으로 구분 | |
| Bracket Pair Colorizer | 여는 괄호와 닫는 괄호 쌍 맞춰 줌 | 최신버전에서는 해당 기능 자동 내장 |
| Auto Rename Tag | 여는 태그 유형 수정 시 닫는 태그도 자동 반영 |
📌 프로젝트 파일 생성
- 원하는 위치에 [프로젝트명]을 설정한 폴더를 생성한다.
- [Open Folder]를 통해 생성한 폴더 선택
- 그러면 폴더가 열리며 프로젝트 파일 생성 가능한 상태로 진입
📌 HTML 기본 세팅
- index.html 파일 생성
- ! 입력 후 [Tab] 을 누르면 기본 HTML 틀이 생성됨
< 기본 HTML 틀 >
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
적극적인 피드백은 언제나 환영입니다:)