본문 바로가기

카테고리 없음

[VSCODE] 웹사이트를 만들기 위해 VSCODE 설치하기

웹페이지를 만들 수 있는 가장 유명한 툴인 Visual Studio Code를 설치해보겠습니다.

설치는 매우 단순합니다.

우선 구글에서  vscode 라고 검색하고,

아래와 같이 Visual Studio Code - Code Editing. Redefined 라고 적혀 있는 부분을 클릭합니다.

 

Search for "vscode" on the Google site
Search for "vscode" on the Google site

아래의 빨간색 동그라미 부분인 Download for Windows 라고 되어 있는 부분을 클릭합니다.

보라색 동그라미 부분을 누르면 다양한 버전의 VSCode를 다운로드 할 수 있지만,

자신의 운영체제에 가장 맞는 부분이 빨간색 동그라미 부분에 나오므로

빨간색 동그라미 부분을 클릭해서 다운로드 하시면 됩니다.

좌측 하단에 파일이 표시되고, 클릭하며 설치를 시작하시면 됩니다.

 

The download button on the vscode site
The download button on the vscode site

설치파일이 어디에 있는지 모를 경우

아래와 같이 파일 탐색기를 켜시고, 빨간색 동그라미 부분의 '다운로드'를 클릭하면 파일이 있습니다.

 

Download button inside File Explorer
Download button inside File Explorer

VSCodeUserSetup-x64-버전.exe 파일을 더블클릭하여 설치를 시작하면 아래와 같은 문구가 나옵니다.

이 설치파일은 system version이 아닌 user version이고 user version을 설치할 것인지 물어보는 것입니다.

 

일반적으로 user version을 사용하므로 '확인'을 눌러 다음으로 넘어가줍니다.

system version은 한 번의 설치로 윈도우의 모든 사용자가 사용할 수 있지만 관리자 권한이 필요합니다.

가정용 PC에서는 일반적으로 윈도우에 여러 사용자를 만들지 않으므로 user version 을 사용하는 것이 더 편리합니다.

 

폴더를 설정하라는 화면이 나오는데, '다음'을 눌르고, 그 다음 화면에서도 '다음'을 눌러줍니다.

아래와 같은 화면이 나오면 모든 체크박스를 체크해줍니다.

 

바탕화면에 바로가기를 만들고 싶지 않으면 가장 위의 체크박스는 해제해줍니다.

다음 화면에서 '설치'를 누르면 설치가 진행됩니다.

다음 글에서 HTML 파일을 만들어보겠습니다.