[VSCode] Visual Studio Code 사용방법(기초, 초기 설정)

설치만 하면 바로 슈슈슉 코드를 짤 수 있을거라고 생각했는데

정말 어이없게도

단 하나도 기억이 나지 않는다

또 기억이 나지 않을 나를 위해

다시 한번 기록 해둔다...

 

그 전에 VSCode란 무엇인지 짧게 소개해보려한다

VSCode란 window, macOSS, Linux 모두 지원하며, 거의 모든 프로그래밍 언어를 지원한다.

모드 하이라트, 자동 완성, 디버깅 기능 제공 등 다양한 기능이 있다.

VSCode의 장점은

무료 정책이라는 것, 점유율 1위를 하고 있다는 것, 마이크로 소프트가 직접 배포한다것이 있다

 

그럼 바로 사용방법 기록을 시작한다.

 

*VSCode 사용방법*

1. VSCode 설치하기

  당연하다 사용하기 위해서는 먼저 설치를 해줘야하는데 나는 이미했으므로 패스하도록 한다.

  혹시 필요한 분들은 아래 링크로 들어가서 설치과정을 따라 설치해주면 된다.

  매우 쉬움

2021.12.29 - [기타] - [VSCode] Visual Studio Code 설치방법

 

2. VSCode 실행하기

  사용하려면 실행해줘야게찌 ㅋ

쨔잔

대충 이런 모습

이제부터가 본론이다

1) 실행 폴더(파일) 생성하기

  VSCode로 실행할 폴더가 있다면 Open folder로 바로 열 수 있다.

  (상단의 file 메뉴 사용)

  하지만 없다면 폴더를 만들어줘야하는데

  방법은 상단의 file 클릭> New file 클릭

 

단축키는 Ctrl + N

 

다음으로 왼쪽 상단의 종이모양 클릭후

 

맨 왼쪽 클릭

왼쪽부터 파일 생성, 폴더 생성, 새로고침, 폴더 접기 기능이다.

다음으로 확장자를 포함한(중요!) 파일명을 입력해주면 다음과 같이 파일이 생성된다.

위처럼 입력시 test라는 html 파일이 만들어진다.

이제 이 html 파일을 웹 브라우저에서 실행시키기 위해 open in browser 확장 프로그램을 설치해줘야한다.

 

2) open in browser 설치

 

우선 여기에 들어가준다

 

다음으로 open in browser 검색!

가장위에 있는걸 다운로드 해준다(install)

그럼 해당 html 파일이 기본 웹 브라우저로 실행 될 것이다.

 

이런식으로 입력 후 

alt + B 를 눌러주면

쨔잔 브라우저가 실행된다 

참 쉽죠잉 ㅋ