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
Visual Stuido Code 기본 설정
확장 기능에서 한글 언어팩 설치
- Korean Language Pack for Visual Studio Code
색 테마 설정
- 기본 색 테마는 다크 모드지만 원하는 색 테마 선택 가능
코딩 글꼴 설치
-한글까지 지원하는 D2 Coding 글꼴 추천
-https://github.com/naver/d2codingfont 에서 다운로드한 후 글꼴 설치
설정을 위해서
누르고 [설정] 선택
1)예제 파일 내려 받고 압축 풀기
2)예제 폴더 추가하기
①[파일 > 폴더 열기] 선택
②예제 폴더를 찾아 [폴더 선택] 클릭
3) 폴더 이름 왼쪽 > 를 클릭하면
폴더 안의 파일 확인 가능
4) 파일 이름 클릭하면 오른쪽 편집 창에
파일 소스 나타남
1)[메뉴 > 새 파일] 선택
2)HTML 코드 입력
<!DOCTYPE html>
<html lang="ko">
<head>
<title>웹 문서 만들기</title>
</head>
<body>
<h1>웹 개발 기초</h1>
<p>HTML</p>
<p>CSS</p>
<p>자바스크립트</p>
</body>
</html>
3)폴더에 web.html 로 저장. 꼭 .html 확장자까지!
4)웹 브라우저에서 확인하기
'HTML,CSS > 정리' 카테고리의 다른 글
| 텍스트를 표현하는 다양한 스타일 (0) | 2021.09.17 |
|---|---|
| CSS의 기본 (0) | 2021.09.17 |
| 입력 양식 작성하기 (1) | 2021.09.17 |
| 다양한 내용 입력하기 (0) | 2021.09.15 |
| HTML의 기본구조 (0) | 2021.09.15 |