웹 개발 준비

Visual Studio Code

Ext. Live Server

설치 진행

 

---

Visual Studio Code -> 일렉트론 기반의 아톰과 굉장히 유사함. 그러나 아톰에서 파생된 것이 아닌 별도의 오픈소스 프로젝트.

 

VSCode 설치

요즘은 대부분의 웹 개발을 이걸로 함

Visual Studio Code - Code Editing. Redefined

 해당 사이트에서 VSCode 다운로드 및 설치

 

설치 완료된 이후 화면

 

 

Live Server 설치

 Live Server는 html 등을 로컬에서 바로 확인할 수 있도록 해주는 VSCode 확장 프로그램의 개념.

1. [Ctrl + Shift + X] 단축키를 이용해서 확장자 관리 메뉴 열기

 

2. Live Server 검색 및 설치

Live Share와 혼동하지 않도록 주의

 

Live Server 사용

폴더를 엽니다.[# 단축키 Ctrl + K, O]

 

html 파일 생성

 

html 파일에서 Alt + L, O 단축키로 Live Server 활성화

 

기본 localhost:5500에 웹 호스트

 

# index