Visual Studio Code 기본 사용법

Visual Studio Code 줄여서 VSCode라고하는 개발 툴은 마이크로 소프트 사에서 만들었고 

무료이고 오픈소스이면서 거대한 확장기능 생태계를 가지고있는 준수한 코드 편집기 이다. 

 

 

1. 설치 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

설치가 완료되었다면 순대로 차근차근 만들어보자

 

 

 

2. Folder를 미리 만들어주기 

 나는 바탕화면에 work라는 폴더를 만들어 주었고 폴더는 본인이 원하는 위치에 이름을 선택해서 만들어주면된다. 

 

 

 

3. VSCode에서 Folder 열어주기 -> 미리 생성한 폴더 선택!

 

 

 

4. 파일생성하기 

(vscode를 처음 접했을때... open editors부분에 파일을 생성한...바보같은 짓을 한적이 있다....)

폴더를 연결하면 그 폴더에 해당하는 이름이 생성되는데 그 해당 폴더 부분을 눌러 파일을 생성해주면된다. 

 

 

 

 

5. 필요한 Extensions다운받기

이 부분에서 자신에게 필요한 설정부분을 설치해주면된다. (JavaScript, node.js, 요런 등등)

 

 

나는 참고로 기존에 공부하던 프로그램들이 깔려있어서 기본 포트인 8080을 사용 중이 여서

HTML을 Run and Debug로 실행시킬시 에러가 나서 Live Server를 설치했다. 

Live server실행은 https://www.youtube.com/watch?v=SdSRYYQ9Gjo 여길 참조하면 훨씬 빠르다.