Visual Studio Code 프로그램 사용하기

VSCode (Visual Studio Code)는

최근 인기를 얻은 IDE(Integrated development environment)로,

각종 프로그램의 작성, 수정, 실행을 도와주는 MS 워드 같은 프로그램이다.

 

VSCode 실행, 폴더열기

👉 바탕화면에 원하는 폴더를 만들고, VSCode에서 Open Folder를 클릭

해당폴더 선택하여 열기

 

HTML 파일 만들기

👉 왼쪽 폴더 영역에서 New File 아이콘을 클릭

  새로운 파일 이름을 넣는 창이 나온다.
  파일 이름을 index.html
  index.html 파일이 만들어진다.

 

내용 입력하기

👉 내용을 직접 입력하다 보면 어떤 내용을 입력할지 VSCode가 예측하여 알려주기도 한다.

👉 입력이 끝나면 Ctrl + S를 눌러 파일을 저장

👉 바뀐 내용이 자동으로 저장되도록 하고 싶다면

      메뉴의 File > Auto Save 를 선택하여 자동 저장을 선택

 

 

자주 사용하는 단축키

 

동시 수정

Ctrl + Shift + L

변경하려는 단어를 선택하고 Ctrl + Shift + L 단축키를 누르면,

선택한 단어와 같은 단어가 모두 선택된다.

단어를 수정하면, 동시에 수정이 된다.

 

한 열 삭제

Alt + Ctrl + Shift

 

 

단축키로 코드 자동 정렬

• Windows : Shift + Alt + F
• MAC : Shift + Option + F
• Linux : Ctrl + Shift + I