본문 바로가기
IT 배우기/이것저것

Visual Studio Code 설치

by To올라운더 2023. 5. 29.
반응형

 

0. Visual Studio Code ??

 - 일반적인 작업이나 공부를 하더라도 자는 오른쪽, 커피는 왼쪽 등

   정해진 자리에 필요한 도구들을 정리해두고 사용하게 되면 일을 좀 더 효율적으로 할 수 있다.

-  코딩도 마찬가지 인데, 사용하게되는 프로그래밍언어에 따라 필요한 IDE나 코드에디터가 별도로 있다.

- 여기서 소개할 Visual Studio Code 또한 코드에디터 중 하나로 다양한 언어를 지원한다는 장점과 더불어

  무료이기 때문에 간단히 교육간 소개 후 사용하려 한다.(자동 완성 기능이나 오타 검증에 유용하다.)

- 위에 언급한 대로 HTML, CSS, JavaScript, Python 등을 다양하게 지원하고

  각 언어에 맞게 Extension 을 설치할 수 있다. 

- 간단한 구성을 보면, 파일탐색기(빨), 코드 에디터(주), 터미널(노)로 구성되어 있다.

 

반응형

 

0. 전체 동영상 (python 및 VSCode 설치 순서 변경되어도 무관)

 -  0~42초 : python Install (다운로드 및 세부 내용 아래 설명)

 - 42~1분 10초 : VSCode Install(경로 설정 필요 할 경우, 추가 그 외 Next)

 - 1분 10초 ~ : VSCode 내 python 동작 상태 확인(print('hello'))

     (test 시 기존 폴더가 있어 삭제 작업 진행하였습니다.)

 

 

전체 Setting

 1. Python 설치 - 설치 파일 경로(Welcome to Python.org)

 현재(작성일 : 2023-05-29 기준) 최신 파일은 3.11.3 이나,

Stable Releases 된 3.10.11(해당 PC bit에 맞는 install 파일)을 설치합니다.

* 설치 간 Path 추가 설정 꼭 진행하기!!

 

 

 

2. Visual Studio Code

2-1. Visual Stutido Code 다운로드

 검색 사이트에서 Visual Stutio Code 또는 해당 링크로 이동하면 https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

다운로드 버튼이 확인된다.

 

2-2. 다운로드 된 exe 파일을 통해 설치를 진행한다.  

 

2-3. 완료 후, 코드 작성 및 실행.

 

Tip) Extension

기타 다른 프로그래밍 언어를 사용할 때에도 VSCode 우측에 있는 Extension을 이용하면

언어적인 부분이 아니더라도 테마나 한글지원, 자동 완성 등

해당 언어에 맞는 유용한 지원을 받을 수 있다.

 

 

반응형

'IT 배우기 > 이것저것' 카테고리의 다른 글

DISK 스펙용량 vs 사용가능용량 차이  (0) 2023.06.02
파일 명령어로 일괄 삭제하기(forfiles)  (0) 2023.06.01
HTML 기초다지기2  (1) 2023.05.25
HTML 기초다지기 1  (0) 2023.05.24
임시저장 이어쓰기  (0) 2023.05.22