1. VS Code와 VS의 차이점 및 다운로드 웹사이트
2. 웹사이트에서 다운로드를 클릭하고 VS Code를 다운로드할 해당 시스템을 선택합니다.
3. VS Code 설치 프로그램을 설치하고 설치 옵션을 설정합니다
. 4. VS의 공통 구성(설정) Code
1. VS Code 인터페이스 색상 설정
2, VS Code 중국어 인터페이스
3, 자동 저장 설정
4, 설치 확장자(Extension)
5, 실행(실행) 구성 및 프로그램 코드 실행 결과 표시
6, 사용자, 작업 공간, 폴더 설정
7, 제거 구성 복사
최신 VS Code 설치 상세 튜토리얼
1. VS Code 와 VS 의 차이점 및 다운로드 사이트
Visual Studio Code(VS Code)는 Microsoft에서 제공하는 무료 오픈 소스 고성능 경량 코드 편집기(Code Editor)로 Windows, macOS 및 Linux 데스크톱에서 실행할 수 있습니다. VS Code는 JavaScript, TypeScript 및 Node.js를 기본적으로 지원합니다.해당 확장 프로그램(Extension)을 설치하면 VS Code는 C, C++, C#, Java, Python, PHP, Go 및 .NET.VS Code 구문 강조, 스마트 코드 완성, 사용자 정의 단축키, 디버깅, 작업 실행, 버전 제어 등과 같은 개발 작업을 지원하지만 VS Code는 개발자에게 빠른 코드 작성 및 디버깅을 위한 코드 편집기를 제공하는 것을 목표로 합니다. 완전한 코드 편집기 IDE(통합 개발 환경, 통합 개발 환경) 도구.
IDE는 프로그래밍 언어의 개발 환경을 제공하는 도구로, 코드 작성 기능, 분석 기능, 컴파일 기능, 디버깅 기능 등이 통합되어 있으며, 그 기능은 Code Editor보다 풍부하고 강력합니다. VS(Visual Studio)는 Microsoft에서 제공하는 IDE 도구로, Windows 및 macOS 데스크톱에서 실행할 수 있습니다. VS는 빠른 탐색, 쓰기, 복구, 디버깅, 탐색, 진단, 테스트, 버전 제어 등과 같은 일련의 기능을 제공하여 개발자가 응용 프로그램을 빠르게 개발할 수 있도록 도와줍니다.C, C++, C#, Java, Python, PHP를 지원합니다. , Go, JavaScript와 같은 프로그래밍 언어. 단, VS는 기본적으로 유료이며, VS 커뮤니티 버전만 무료입니다.
VS Code가 에디터로 포지셔닝되어 있긴 하지만 txt 텍스트 에디터와는 당연히 다릅니다 해당 확장(Extension)을 설치하면 VS Code는 일부 프로그래밍 언어(예: IDLE)와 함께 제공되는 IDE보다 강력합니다. Python과 함께 제공되는 개발 환경 도구). . 또한 해당 확장을 설치하면 VS Code가 다른 프로그래밍 언어에 적응할 수 있습니다.
기능면에서 VS 통합 개발 환경 도구는 VS Code 코드 편집기보다 강력하지만 전자는 유료이고 후자는 무료입니다. VS Code 코드 편집기는 VS 통합 개발 환경 도구의 단순화된 버전으로 볼 수 있습니다.이 단순화된 구조는 또한 실행 속도를 향상시키고 VS Code의 기능은 기본적으로 개발자의 코드 개발 요구를 충족시킬 수 있으며 유능한 C가 될 수 있습니다. , C++, C#, Java, Python, PHP, Go, .NET 및 기타 프로그래밍 언어가 무료로 개발되므로 VS Code도 매우 인기 있는 코드 개발 도구입니다.
여기에서는 주로 VS Code의 설치 과정을 소개합니다. VS Code 다운로드 웹사이트는 표 1-1의 빨간색 링크를 참조하십시오.
표 1-1 VS Code 및 VS 다운로드 웹사이트
| VS 코드 다운로드 사이트 |
|
| VS 다운로드 사이트 |
2. 웹 사이트에서 다운로드를 클릭 하고 해당 시스템을 선택하여 VS Code를 다운로드합니다.
위의 표 1-1에서 빨간색 링크를 열면 그림 2-1과 같이 페이지에 두 개의 다운로드 위치가 있음을 알 수 있습니다.
그림 2-1 VS 코드 페이지
그림 2-1 왼쪽의 빨간색 화살표로 표시된 곳은 64비트 윈도우 시스템의 사용자 계정(User)으로 설치되는 VS Code 설치 프로그램으로 기본적으로 최신 안정 버전(stable)을 다운로드 받습니다. as: VSCodeUserSetup-x64-1.79.2.exe.
Windows 운영 체제에서는 여러 계정 사용자를 만들 수 있으며 각 계정에는 고유한 권한이 있으며 관리자 계정은
관리자는 가장 높은 접근 권한을 가지며 다른 계정에 접근할 수 있는 권한을 가집니다. 위에서 다운로드한 VS Code를 설치한 후에는 설치된 VS Code를 사용하기 위해 사용자 계정만 로그인할 수 있으며, 관리자가 아닌 다른 계정은 운영 체제에 로그인할 수 있는 권한이 없습니다.
빨간색 화살표 아래의 ①을 클릭하면 
팝업 메뉴에 VS Code의 운영 체제별 해당 설치 프로그램이 있지만 VS Code 설치 프로그램의 종류는 안정 버전(stable)과 내부 테스트 버전(insiders) 등으로 제한됩니다. . stable은 테스트를 거친 비교적 완전하고 안정적인 버전입니다.내부자는 아직 내부 테스트 중이며 완벽하지 않을 수 있습니다.
빨간색 화살표 ②로 표시된 그림 2-1의 오른쪽에 있는 다운로드를 클릭하면 입력된 페이지가 그림 2-2와 같이 각 운영 체제에 대한 다양한 유형의 VS Code 프로그램을 포괄적으로 선택할 수 있습니다. 테스트를 통과한 안정 버전(stable)입니다.
그림 2-2 서로 다른 운영 체제 및 하드웨어 시스템의 VS Code 프로그램
그림 2-2는 Windows, Linux 및 MacOS 운영 체제에 해당하는 다양한 유형의 VS Code 설치 프로그램을 보여줍니다. 그림 2-2 빨간색 상자는 설치 프로그램의 기본 유형입니다. 예를 들어 windows는 사용자 계정(User)에 의해 64비트 Windows 시스템의 최신 안정 버전(stable)에 따라 설치되는 VS Code 설치 프로그램입니다. 운영 체제 버전 Apple 시스템 macOS는 기본 범용 버전(Universal) VS Code 설치 프로그램입니다. 범용 버전의 경우 설치 프로그램은 설치 시 사용자의 프로세서를 자동으로 감지하고 적응시킵니다.
(1) 윈도우운영체제
- 사용자 설치 프로그램 、시스템 설치 프로그램
Windows 시스템에서 관리자 계정 Administrator는 가장 높은 액세스 권한을 가지며 다른 계정에 액세스할 수 있는 권한이 있지만 개인 계정에는 상호 액세스 권한이 없습니다.
User Installer는 Windows의 현재 계정(사용자)으로 설치되는 VS Code 설치 프로그램으로 현재 계정이 개인 계정인 경우 관리자가 아닌 다른 계정은 운영 체제에 로그인할 수 있는 권한이 없습니다.
System Installers는 관리자 권한으로 VS Code를 설치하는 실행 프로그램입니다. 관리자 권한으로 VS Code를 설치하고 다른 Windows 계정은 시스템에 로그인한 후 VS Code를 사용할 수 있습니다.
사용자 설치 프로그램과 시스템 설치 프로그램은 모두 .exe 형식의 설치 파일입니다.
- .지퍼
.zip 옵션은 압축 해제 후 바로 사용할 수 있는 VS Code .zip 형식 압축 패키지에 해당합니다. 이것은 레지스트리를 생성하지 않고 압축 해제 직후에 사용됩니다. .exe 파일은 설치 후 레지스트리를 생성합니다.
- CLI
CLI 옵션은 코드 명령줄 인터페이스(command-line interface), 즉 VS Code의 명령창에 해당하며 텍스트 명령 작업에 편리합니다.
- x64 , x86 , Arm64 , Arm32
x64, x86, Arm64 및 Arm32의 매개변수는 하드웨어 CPU와 관련이 있습니다.
x64는 64비트 프로세서를 기반으로 한 64비트 운영 체제를 말하며 다운로드 한 프로그램은 64비트 운영 체제에 적합합니다. 내 컴퓨터를 마우스 오른쪽 단추로 클릭하고 메뉴에서 속성을 왼쪽 클릭하여 컴퓨터의 하드웨어 구성을 봅니다.컴퓨터의 운영 체제 유형은 아래 그림 2-3의 빨간색 상자에 표시됩니다.
그림 2-3 컴퓨터 사양
x86은 32비트 운영체제를 말하며, 32비트 프로세서를 기반으로 하고 다운로드한 프로그램은 32비트 운영체제에 적합합니다.
Arm64는 AArch64 상태의 프로세서 아키텍처이며 다운로드한 프로그램은 64비트 프로세서를 기반으로 하는 ARM에서 출시한 Arm64 시스템의 프로세서에 적합합니다.
Arm32는 AArch32 상태의 프로세서 아키텍처로, 다운로드한 프로그램은 ARM이 출시한 32비트 프로세서 기반의 Arm32 시스템 프로세서에 적합하다. Arm32 시스템 프로세서에 적합한 VS Code 파일 다운로드는 여기서 제공하지 않으며, 아래에서 언급할 Linux 시스템에서 다운로드를 제공합니다.
위의 옵션은 이 유형의 프로세서에 해당하는 VS Code 파일에 해당합니다.
(2) 리눅스운영체제
- .deb , .rpm , .tar.gz
.deb, .rpm, .tar.gz는 세 가지 다른 파일 형식입니다. 다른 파일 형식은 다른 운영 체제에 적합할 수 있습니다. 예를 들어 .exe 파일은 Windows 운영 체제에 적합하지만 Apple 시스템 macOS에는 적합하지 않습니다.
Debian 또는 Ubuntu의 Linux는 .deb 형식을 지원하고 Red Hat, Fedora 또는 SUSE의 Linux는 .rpm 형식을 지원합니다.
.tar.gz는 .zip 압축 패키지와 유사한 압축 패키지이지만 .tar.gz 형식은 Linux 운영 체제 및 MacOSX 시스템(UNIX 코어 기반 시스템)에 적합합니다.
위의 옵션은 해당 VS Code 파일에 해당합니다.
- 스냅
Snap은 최신 애플리케이션 패키징 형식입니다.Linux는 스냅 형식 소프트웨어 패키지를 지원합니다.온라인 애플리케이션 스토어 Snap Store에서 VS Code의 스냅 형식 소프트웨어 패키지를 다운로드할 수 있습니다.
- CLI , x64 , x86 , Arm64 , Arm32
CLI, x64, x86, Arm64 및 Arm32의 의미는 위와 동일하지만 여기서는 Linux 운영 체제에서 해당 VS Code에 해당합니다.
(3) Apple 시스템 macOS
- .zip , CLI
.zip 및 CLI의 의미는 macOS Apple 운영 체제에서 해당 VS Code에 해당한다는 점을 제외하면 위와 동일합니다.
- 만능인
유니버설 옵션 은 macOS용 VS Code의 유니버설 버전 입니다 .
- 애플 실리콘
Apple 실리콘 옵션은 Apple 자체 개발 M 시리즈 CPU(Apple Silicon 칩)가 장착된 Mac 컴퓨터용 VS Code입니다.
- 인텔 칩
Intel 칩 옵션은 Intel CPU가 장착된 Mac 컴퓨터용 VS Code입니다.
위에서 우리는 서로 다른 권한 관리, 파일 형식 또는 프로세서 특성에 해당하는 각 운영 체제에 대해 서로 다른 유형의 VS Code 설치 프로그램을 소개했습니다. 필요에 따라 해당 VS Code 설치 프로그램을 선택할 수 있습니다.
3. VS Code 인스톨러 설치 및 설치 옵션 설정
여기에서는 Windows 운영 체제에서 VS Code를 예로 들어 설명합니다. Windows 운영 체제의 시스템 설치 프로그램→x64 옵션에 해당하는 VS Code를 다운로드합니다. 즉, 관리자 권한과 64비트 운영 체제가 있는 VS Code.exe 설치 프로그램을 선택하고 빨간색 상자에 표시된 위치를 클릭합니다. 그림 3-1 해당 VS 코드를 다운로드합니다.
그림 3-1 다양한 유형의 VS Code 프로그램
(1) VSCode 설정 실행
위에서 다운로드한 VSCode 설치 프로그램을 실행하면 아래 그림 3-2와 같은 설치 인터페이스가 나타납니다.
그림 3-2 VS Code 설치
동의 후 그림 3-2의 다음을 클릭하여 그림 3-3에 표시된 VS Code 설치 위치 설정 인터페이스로 들어갑니다.
(2) 설치 위치 설정
그림 3-3 VS Code 설치 위치
VS Code의 설치 경로를 사용자 정의할 수 있습니다.설정이 완료되면 다음을 클릭하여 그림 3-4와 같이 VS Code의 시작 메뉴에서 바로 가기를 만들기 위한 인터페이스로 들어갑니다.
(3) 시작 메뉴의 VS Code 바로 가기에 대한 폴더 설정
그림 3-4 시작 메뉴의 VS Code 바로 가기 폴더
그림 3-4의 기본 Visual Studio Code 폴더인 컴퓨터 시작 메뉴의 Visual Studio Code 폴더는 VS Code 바로 가기를 생성합니다. 여기에서 기본 Visual Studio Code 폴더를 사용할 수 있습니다. 다음을 클릭하여 그림 3-5에 표시된 VS Code 설치 옵션 설정 인터페이스로 들어갑니다.
(4) 설치 옵션 설정
그림 3-5 VS Code 설치 옵션 설정
- 바탕화면 바로가기 만들기
바탕 화면에 VS Code 바로 가기 아이콘을 만들려면 이 옵션을 선택합니다.
- Windows 탐색기 파일 상황에 맞는 메뉴 에 "코드로 열기" 작업 추가
이 옵션을 선택하면 마우스 오른쪽 버튼으로 팝업 메뉴에 "코드로 열기" 옵션이 나타납니다. 파일을 마우스 오른쪽 버튼으로 클릭하면 "코드로 열기" 옵션을 선택하여 파일을 열 수 있습니다. 팝업 메뉴.
- Windows 탐색기 디렉터리 상황에 맞는 메뉴 에 "코드로 열기" 작업 추가
이 옵션을 선택하면 마우스 오른쪽 버튼으로 팝업 메뉴에 "코드로 열기" 옵션이 나타납니다. 폴더를 마우스 오른쪽 버튼으로 클릭하면 폴더에서 "코드로 열기" 옵션을 선택하여 폴더를 열 수 있습니다. 팝업 메뉴.
이 두 항목을 체크하면 실제로 마우스 오른쪽 버튼의 팝업 메뉴에 "코드로 열기" 옵션이 생성되는데, 이 옵션을 통해 파일이나 폴더를 직접 열 때 편리합니다.
- 코드를 지원되는 파일 형식의 편집기로 등록
선택하지 않은 상태로 둘 수 있으며, 선택하면 VS Code가 기본적으로 .txt 및 .py 와 같은 파일을 엽니 다.
- PATH에 추가 (재시작 후 적용)
운영 체제의 자동 인식을 용이하게 하기 위해 Windows의 시스템 경로에 VS Code를 추가하려면 이 항목을 선택하십시오. 이 항목은 컴퓨터를 다시 시작하면 적용됩니다. 이 항목은 VS Code를 시스템의 환경 변수로 추가하여 구현할 수 있습니다.
환경 변수는 하나 이상의 응용 프로그램이 사용할 정보를 포함하는 운영 체제의 특정 이름을 가진 개체입니다. 시스템이 프로그램이 있는 전체 경로를 알려주지 않고 프로그램을 실행해야 하는 경우 시스템은 현재 디렉토리 아래에서 프로그램을 찾을 뿐만 아니라 실행 가능한 변수를 찾기 위해 경로에 지정된 경로로 이동 합니다 .
그림 3-5의 옵션을 확인한 후 다음을 클릭하여 그림 3-6에 표시된 VS 코드 설치 준비 인터페이스로 들어갑니다.
(5) 설치
그림 3-6 설치 준비가 된 VScode
그림 3-6에서 설치를 클릭하여 그림 3-7에 표시된 VSCode 설치 진행 인터페이스로 들어갑니다.
그림 3-7 VS Code 설치 진행
그림 3-7 설치 진행이 완료되면 VS Code 설치가 완료되고 그림 3-8과 같이 Visual Studio Code를 실행할지 묻는 프롬프트 인터페이스가 나타납니다.
그림 3-8 VS Code 설치 완료
4, VS Code 공통 구성 ( 설정 )
설치 후 vscode를 시작하고 실행하면 그림 4-1과 같은 인터페이스가 나타납니다.
그림 4-1 VS 코드 창
VS Code 코드 편집기는 다른 IDE(통합 개발 환경) 도구와 매우 유사합니다. 개발 도구 인터페이스의 많은 옵션은 주로 우리의 편의를 위해 다른 위치에 반복적으로 나타납니다.예를 들어 위의 그림 4-1에서 빨간색 화살표가 가리키는 아이콘은 클릭 후 확장 검색 상자를 열거나 열 
수 있습니다. 
아이콘의 확장 옵션에서 검색 상자를 확장하려면 제목 표시줄에서 확장 검색 상자를 열 수도 있습니다.
또 다른 예는 그림 4-1의 왼쪽 상단에 있는 아이콘에 
파일을 조작하는 기능이 있고, 제목 표시줄에 파일을 조작하는 옵션도 있습니다. 예: 폴더, 파일 열기 또는 만들기 .
아래에서는 vscode에서 일반적으로 사용되는 몇 가지 기능 설정을 소개합니다.
1. VS Code 인터페이스 색상 설정
그림 4-1의 빨간색 화살표가 가리키는 설정 아이콘의 Themes→Color Theme를 통해 VS Code 인터페이스의 색상 테마를 설정할 수 있습니다 . 물론 제목 표시줄 파일→환경설정→테마→색 테마에서도 설정할 수 있습니다. 이 두 곳의 설정 효과는 기본적으로 동일하며 동일한 이유는 아래에 나열하지 않습니다.
VS Code 인터페이스는 기본적으로 Dark Modern 색상 테마로 설정되어 있습니다.그림 4-2는 Light Modern 색상 테마로 설정되어 있습니다.옵션에서 자신에게 맞는 창 색상 테마를 선택할 수 있습니다.
그림 4-2 VS Code 흰색 테마 창
2. VS 코드 중국어 인터페이스
확장 상자에서 중국어를 검색하고 중국어(간체)(간체 중국어) 언어 확장을 선택하고 설치 후 VS 코드를 다시 열어 중국어 인터페이스의 VS 코드를 실현합니다. 다시 시작한 후에도 여전히 영어인 경우 VS Code의 제목 표시줄에서 파일→명령 팔레트를 클릭하거나 바로 가기 키 Ctr+Shift+P를 사용하여 명령 팔레트(명령 팔레트)를 열고 명령 팔레트에 Configure Display Language를 입력합니다. 창을 클릭한 다음 중국어 간체를 선택합니다. 명령 팔레트(명령 팔레트)를 종료하려면 ESC 키를 누르십시오.
3. 자동 저장 설정
일반적으로 다른 IDE(통합 개발 환경) 도구를 사용하여 코드를 작성한 후 즉시 코드를 실행할 수 있습니다. IDE는 기본적으로 코드를 자동으로 저장하지만 VS Code는 기본적으로 수동으로 저장하므로 파일을 열고 작성하면 코드를 작성하려면 먼저 VS Code에서 저장 옵션을 클릭하여 작성된 코드를 저장한 다음 VS Code에서 실행 옵션을 클릭해야 코드가 정상적으로 실행될 수 있습니다. 그렇지 않으면 저장되지 않은 코드로 인해 예외가 발생할 수 있습니다. 작성된 코드를 자동으로 저장하려면 그림 4-3의 빨간색 화살표가 가리키는 설정 아이콘에서 설정 옵션을 클릭하면 
설정의 사용자 구성이 오른쪽에 나타납니다.
그림 4-3 설정 옵션
그림 4-3의 첫 번째 설정은 자동 저장 설정으로 기본적으로 꺼져 있으며 자동으로 저장되지 않습니다. 드롭다운 메뉴에서 afterDelay를 선택할 수 있습니다. afterDelay는 지연 시간(기본 1000밀리초) 후에 파일을 저장하는 것, 즉 고정 시간에 저장하는 것입니다. 그렇지 않으면 현재 실행 중인 코드가 실제로는 현재 작성된 코드가 아니라 마지막으로 저장된 코드인 것처럼 보이기 쉽습니다.
onWindowsChange를 선택하면 소프트웨어 창이 포커스를 잃으면 저장되지 않은 편집기가 자동으로 저장됩니다. 즉, 창을 전환하면 vscode가 자동으로 저장합니다.
프로그램 코드를 저장하고 실행하는 것을 잊어버려 발생하는 문제를 줄일 수 있는 자동 저장을 설정하는 것이 좋습니다(현재 실행 중인 코드가 실제로는 현재 작성된 코드가 아니라 마지막으로 저장된 코드인 것처럼 보이기 쉽습니다).
4. 확장 프로그램 설치
일반적으로 사용되는 몇 가지 설정은 위에 나열되어 있습니다.vscode는 단순화된 IDE이므로 많은 기능이 해당 기능을 구현하기 위해 해당 확장을 설치해야 합니다. 예: 다음은 실행 설정에 대해 설명합니다.vscode를 설치한 후 관련 확장이 설치되지 않은 경우 컴퓨터에 이미 특정 프로그래밍 언어가 설치되어 있어도 vscode는 이 프로그래밍 언어의 컴파일러를 자동으로 호출할 수 없으며 따라서 프로그램 코드를 실행할 수 없지만 확장 프로그램을 설치하거나 일부 파일을 추가하여 컴파일러 호출 기능을 추가로 구현하여 vscode가 프로그램 코드를 실행할 수 있습니다.
확장 프로그램(Extension)과 플러그인(Plug-in)은 일반적으로 소프트웨어를 로드하는 데 사용됩니다.
플러그인(Plug-in)은 시스템 플랫폼(하드웨어 시스템, 운영 체제)에 따라 달라지며, 플러그인의 사용은 시스템 플랫폼과 밀접한 관련이 있습니다. 소프트웨어의 보조 기능 기능 호출.
익스텐션(Extension)은 상대적으로 소프트웨어와 밀접하게 관련되어 있습니다. 익스텐션은 더 넓은 개념을 의미합니다. 익스텐션에는 플러그인이 포함됩니다. 어떤 맥락에서는 둘 사이에 차이가 없지만 이름이 다릅니다.
VS Code의 확장은 추가 기능을 제공합니다.다른 확장은 다른 기능을 나타냅니다.해당 확장을 설치하여 코드 작동을 실현하거나 코드 개발 효율성을 향상시킬 수 있습니다. 아래 그림 4-4의 왼쪽에 있는 아이콘을 클릭하면 
빨간색 화살표로 표시된 확장 검색 상자가 나타납니다.
그림 4-4 확장 검색 상자
그림 4-4의 검색창에 프로그래밍 언어를 입력하면 검색창 아래에 해당 확장자가 표시되며, 확장명을 클릭하면 오른쪽에 해당 확장자의 기능 소개 등 확장자의 정보가 표시됩니다. . 아래에서는 확장 프로그램 설치와 관련된 실행 설정을 소개합니다. 여기에는 자세히 표시되지 않습니다.
5. 실행(실행) 구성 및 프로그램 코드 실행 결과 표시
(1) 실행(실행) 구성
디버그(디버깅)는 코드의 구현 효과를 동적으로 인식할 수 있도록 프로그램 코드의 작동 및 값에 대한 데모 프로세스입니다. 디버깅에는 컴파일러 호출이 포함됩니다.
VScode에서 디버그(디버그)하려면 이 프로그래밍 언어 또는 운영 환경(예: Node.js)을 머신에 설치하고 해당 환경 변수를 실제로 설치되는 Windows(호출하기 편리함)에 설정해야 합니다. 컴파일러 특정 언어의 컴파일러를 윈도우의 환경 변수로 설정합니다(호출하기 편리함).
컴파일러만이 프로그램을 실행할 수 있기 때문에 이 부분에 대한 논의는 Compiler and C/C++ Compiler Installation(c+ Installation)을 참조하십시오 . 이름을 단순화하기 위해 프로그래밍 언어 또는 운영 환경의 설치를 컴파일러의 설치로 통칭합니다.
VScode 설치 후 해당 인터페이스 창에서 제공하는 실행 옵션은 일반적으로 디버깅(디버그)과 관련이 있는데, 특정 프로그래밍 언어의 프로그램 코드를 실행(실행)하려면 언어 컴파일러를 설치해야 할 뿐만 아니라 Windows에서 컴파일러 설정 환경 변수(호출하기 편리함)도 이 프로그래밍 언어의 디버깅 기능이 있는 파일이 있어야 합니다.
그러나 VScode에는 디버깅을 실행하는 Node.js에 대한 지원이 내장되어 있습니다. 즉, JavaScript 및 JavaScript로 변환할 수 있는 기타 언어(예: TypeScript) 디버깅을 지원하고 다른 프로그래밍 언어의 디버깅은 지원하지 않습니다. (디버그) 다른 프로그래밍 언어를 디버깅하려면 디버깅 기능이 있는 확장 설치가 필요합니다. 예를 들어 C/C++ 프로그램을 실행하려면 디버깅 기능이 있는 C/C++ 확장을 설치해야 합니다.
그림 4-5의 빨간색 화살표로 표시된 실행 관련 옵션은 기본적으로 Node.js 디버깅을 지원하며, VScode는 Node.js가 설치되어 있는 한 그림 4-5의 빨간색 화살표로 표시된 실행 관련 옵션을 사용할 수 있습니다. (참고: Node.js를 설치하려면 작업에서 이를 호출합니다. 그렇지 않으면 Can't find Node.js binary "node": path does not exist. Node.js가 설치되어 있고 PATH가 있는지 확인하거나 설정하십시오. launch.json의 "runtimeExecutable ").
그러나 다른 프로그래밍 언어의 경우 이 프로그래밍 언어가 설치되어 있더라도 VScode가 이 프로그래밍 언어와 관련된 디버깅 기능 파일을 설치하지 않으면 인터페이스 창에서 제공하는 실행 관련 옵션을 통해서는 실행할 수 없다(그림 4 참조). -5 가운데 빨간색 화살표로 표시됨), "C 디버깅을 위한 확장이 없습니다. 시장에서 C 확장을 찾아야 합니까?"와 유사한 예외 메시지가 표시됩니다.
그림 4-5 vscode의 기본 실행 옵션
이 프로그래밍 언어의 경우 디버깅(디버그) 기능이 있는 해당 확장을 설치하여 그림 4-5에서 디버그 관련 작업(실행)을 활성화할 수 있습니다. 디버깅에는 컴파일러 호출이 포함되므로 디버그 기능이 있는 확장은 당연히 실행도 지원합니다.
여기서는 디버깅(디버그) 기능이 있는 확장 설치를 소개하지 않습니다. Code Runner 확장 기능을 소개합니다.이 확장 기능을 설치하면 C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell 및 기타 프로그래밍 언어를 실행할 수 있지만 디버깅(디버그) 기능.
Windows에서 vscode가 Code Runner 확장을 설치한 후 언어 컴파일러가 컴퓨터에 설치되고 이 컴파일러의 환경 변수가 Windows에 설정되어 있는 한 vscode는 이 프로그래밍 언어의 프로그램 코드를 실행할 수 있습니다(자동으로 호출됨). 환경 변수에 따라 이 프로그래밍 언어의 컴파일러), 이러한 종류의 작업(run)은 vscode의 기본 작업(예: 그림 4-5에서 빨간색 화살표가 가리키는 run 관련 옵션)이 아니라 Code Runner 확장 프로그램을 설치하면 프로그램 코드를 실행할 수 있는 실행 코드 옵션이 자동으로 생성됩니다. 
Code Runner 확장 프로그램을 설치하면 그림 4-6의 Vscode 도구모음 에 있는 빨간색 화살표 위치에 run code 아이콘이 나타납니다. 영역) 팝업 메뉴가 실행 코드 옵션이 나타나면 그림 4-6의 빨간색 화살표로 표시된 버튼으로 코드를 실행할 수 있습니다.
그림 4-6 Code Runner 확장 설치 후 생성된 실행 옵션
Code Runner 확장을 설치한 후에도 그림 4-5에서 vscode의 기본 실행 옵션을 사용할 수 없으며(Code Runner 확장에서 디버그 기능을 생성할 수 없기 때문에) 그림 4에서 빨간색 화살표로 표시된 실행만 사용할 수 있습니다. -6 키, 자동으로 컴파일러를 호출합니다.
따라서 디버깅 기능을 고려하지 않고 단순히 Windows 플랫폼에서 프로그램을 실행하면 일반적으로 이 프로그래밍 언어를 설치하고 Windows에서 환경 변수를 설정하고 vscode를 설치한 다음 vscode에 Code Runner 확장을 설치해야 합니다. 설치가 완료되면 프로그램 코드를 실행할 수 있습니다.
(2) 실행 중인 프로그램 코드
위의 분석에 따라 코드 파일을 만들고 Code Runner 확장 프로그램을 사용하여 프로그램 코드를 실행해 보겠습니다.
그림 4-7의 아이콘을 클릭 
하면 파일을 열거나 생성할 수 있는 창이 나타납니다. 그림 4-7 cn 폴더를 열고 팝업 창에 마우스를 대면 화살표가 가리키는 아이콘이 나타납니다 이 아이콘을 클릭하면 파일 및 폴더가 생성되며 제목 표시줄에서 관련 옵션을 선택할 수도 있습니다 파일 만들고 열려면.
그림 4-7 VS Code는 파일을 생성합니다.
Code Runner 확장 프로그램을 설치한 후 vscode를 사용하여 폴더(프로젝트 파일을 저장하는 데 사용됨)를 열 수 있습니다. 새 파일을 생성할 수 있으며 파일 형식(파일 접미사)은 프로그래밍 언어의 형식입니다(.txt 텍스트 파일에 코드를 작성하고 저장할 때 프로그래밍 언어의 형식으로 변경할 수도 있음). 이 파일에 코드를 작성하고 저장할 수 있습니다. 그런 다음 코드 실행 옵션을 사용하여 코드를 실행할 수 있습니다. 그림 4-8과 같이 생성된 파일에 다음 코드를 입력합니다.
#include<stdio.h>
int main(void)
{ //求最大公约数，辗转相除法。
int a,b;
scanf("%d%d",&a,&b);
int c;
if (a<b)
{ c=a;
a=b;
b=c;
}
while (c = a%b)
{
a = b;
b = c;
}
printf("%d\n", b);
return 0;
}
그림 4-8 VS Code 파일 코드 편집
위 그림 4-8의 코드는 실행 중 데이터를 입력해야 하며, Code Runner 확장 후 생성된 실행 코드의 출력은 기본적으로 OUTPUT에 있습니다. TERMINAL(터미널)로 변경해야 하며, 다음은 그림 4-8의 빨간색 상자에 있는 여러 대화형 창에 대해 설명합니다.
(3) PROBLEMS , OUTPUT , DEBUG CONSOLE , TERMINAL ( 터미널)
그림 4-5에 표시된 vscode의 기본 실행 옵션은 실행 결과가 터미널 TERMINAL에 표시되고 그림 4-6의 Code Runner 확장 프로그램 설치 후 생성된 실행 옵션은 실행 결과가 기본적으로 OUTPUT에 표시됩니다. 그리고 출력은 실행중인 프로그램의 출력인 출력만 가능하며 입력으로 사용할 수 없으며 터미널(terminal)은 출력 또는 입력이 가능합니다.
그림 4-8의 코드 실행 코드를 실행한 후 데이터를 입력해야 하므로 파일→환경 설정→설정→사용자→확장 프로그램→실행 코드 구성을 통해 그림 4-9의 빨간색 화살표로 표시된 옵션을 확인할 수 있습니다. (Select Run In Terminal 확인) 실행 코드를 통해 그림 4-8의 코드를 실행하면 TERMINAL 터미널에 데이터를 입력하고 Enter 키를 누르면 프로그램이 입력을 받고 실행 후 결과를 TERMINAL에 반환합니다.
그림 4-9 Code Runner 확장 구성
Code Runner 확장에 대한 특별한 요구 사항이 있는 경우 그림 4-9에서 설정할 수 있습니다.
OUTPUT을 사용하면 매번 프로그램을 실행한 결과가 현재 OUTPUT 창에 유지되고 프로젝트가 종료되면 OUTPUT 창은 자동으로 지워집니다. TERMINAL을 사용하면 프로젝트를 열고 프로그램을 실행할 때마다 현재 TERMINAL이 생성됩니다. 각 실행 프로그램의 결과는 현재 TERMINAL 창에 보관됩니다. 프로젝트를 종료해도 이 TERMINAL이 보관됩니다. 프로젝트를 다시 열면 이 터미널은 그림 4-10의 빨간색 화살표로 표시된 영역에 보관하여 과거 터미널 창을 삭제할 수 있습니다.
그림 4-10 터미널 터미널
하드웨어적으로 보면 터미널은 호스트의 보조 도구이고 콘솔 콘솔은 호스트의 내부 부품입니다.예를 들어 컴퓨터의 키보드와 모니터는 호스트의 터미널로 간주할 수 있습니다.로그 기록 컴퓨터 시작 및 종료는 콘솔에 출력됩니다.콘솔, 콘솔 콘솔은 호스트의 내부 부분입니다. 소프트웨어의 관점에서 IDE 도구(예: PyCharm, VS Code 등)에서 터미널 터미널과 콘솔 콘솔은 입력 및 출력과 관련되지만 터미널 터미널은 입력이 될 수 있는 IDE에 중점을 둡니다. 또는 프로그램의 출력 동작 환경 설정 등 콘솔 콘솔은 프로그램에 집중하면서 현재 프로그램의 제어에 중점을 둡니다. 일부 IDE에서는 두 기능이 겹치기도 하지만(조작의 편의상) 강조점이 다른데, 전자는 거시적 수준에, 후자는 미시적 수준에 편향되어 있다.
DEBUG CONSOLE은 디버깅과 관련된 프로그램 제어 동작 창으로, 이 창은 디버깅 기능이 있는 확장(디버그)이 설치된 후에만 설정할 수 있습니다.
PROBLEMS는 작업 공간(작업 공간, 작업 공간)과 관련된 문제가 감지됩니다. 작업 공간에 대해서는 아래에서 소개합니다.
6. 사용자 , 작업공간 , 폴더 설정
Vscode가 폴더를 연 후(폴더 열기) 사진 파일→작업 공간에 폴더 추가를 사용하여 작업 공간(작업 공간, 작업 공간)을 만들 수 있습니다.이 작업 공간은 실제로 여러 폴더를 전체적으로 취급하며 일반적으로 다음과 같은 시나리오에서 사용됩니다. 는 프로젝트 폴더이고 bb는 프로젝트 폴더이며 aa 폴더를 연 다음 작업 공간에 폴더 추가 작업을 통해 bb 폴더를 추가하여 aa와 bb가 작업 공간을 구성하고 파일→다른 이름으로 작업 공간 저장을 통해 작업 공간을 구성합니다. .code-workspace 형식의 파일(다른 폴더에 저장하도록 선택할 수 있음) 나중에 파일→파일에서 작업 공간 열기를 사용하여 이 .code-workspace 파일을 엽니다. same time. , 이는 이 두 프로젝트를 동시에 여는 것과 같습니다.
그림 4-11 제목 표시줄의 작업 공간 옵션 파일
이 Workspace 구성은 한 번에 여러 프로젝트를 여는 데 편리합니다. 구성 후에는 .code-workspace 파일(즉, 여러 프로젝트를 열 수 있는 하나의 VS Code 창)만 열면 되므로 여러 VS를 열 수 없습니다. 코드 windows.project. 그림 4-12와 같이 cn과 pn 두 개의 폴더로 구성된 wcp라는 작업 공간입니다(물론 이 폴더에 다른 폴더가 있을 수 있음).
그림 4-12 wcp 작업 공간
cn 폴더는 c 파일을 저장하고 pn 폴더는 python 파일을 저장하며 wcp의 전체 이름은 실제로 wcp.code-workspace 파일입니다.파일→파일에서 작업 공간 열기만 하면 wcp.code-workspace 파일을 열 수 있습니다. , vscode 창은 그림 4-12와 같이 표시됩니다.
또한 작업 공간을 통해 이러한 여러 프로젝트를 설정할 수 있으며 이러한 설정은 이러한 프로젝트에만 유효합니다. wcp.code-workspace 파일을 연 다음(그림 4-12 참조) File→Preferences→Settings를 선택하여 그림 4-13에 표시된 인터페이스를 표시합니다.
그림 4-13 설정
앞에서 언급한 설정 설정은 사용자 설정, 사용자 설정, 즉 일반 설정을 말합니다. 워크스페이스 설정(workspace settings)은 워크스페이스를 구성하기 위한 여러 프로젝트(여러 폴더)에 대한 설정이고, 폴더 설정은 폴더 프로젝트에 대한 설정으로 여기에서 Workspace 설정을 선택합니다. 사용자, 작업 공간 및 폴더 설정은 그림 4-13에 나와 있습니다. 작업 공간 설정(작업 공간 설정)은 사용자 설정보다 우선하고 폴더 설정(폴더 설정)은 사용자 및 작업 공간 설정보다 우선합니다.즉, 이 작업 공간을 사용할 때 이 작업 공간 설정을 사용합니다.이 폴더를 사용할 때, 이 폴더 설정을 사용하십시오. Workspace 설정을 통해 여러 프로젝트에 대한 특정 설정을 구현하여 필요한 효과를 생성할 수 있습니다.
7. 구성 제거 및 복사
(1) 확장 프로그램 제거
확장 프로그램을 제거하려면 아래 그림 4-14 왼쪽의 아이콘을 클릭 
하고 팝업 메뉴에서 왼쪽 빨간색 화살표가 가리키는 INSTALLED(설치됨)를 선택하면 설치된 확장 프로그램이 나타납니다. , 확장 프로그램의 제거 메시지가 오른쪽에 표시됩니다(그림 4-14 오른쪽의 빨간색 화살표 표시). 제거를 클릭하여 제거합니다. 확장 검색 상자에서 해당 확장을 검색하고 제거를 클릭하여 제거할 수도 있습니다.
4-14 확장 제거
또한 vscode에서 확장을 제거한 후에도 확장의 기능을 계속 사용할 수 있습니다(메모리에 로드되어 여전히 메모리에 존재하기 때문에). 이때 vscode를 다시 시작해야 합니다. 확장 프로그램이 제거된 경우 vscode를 다시 시작한 후 확장 프로그램을 메모리에 로드할 수 없습니다. 확장 프로그램을 사용할 수 없습니다.
(2) 구성 복사
Windows 운영 체제에서 VS Code에 의해 설치된 확장은 기본적으로 C:\Users\username\.vscode\extensions 경로에 있습니다.이 사용자 이름은 Windows 로그인 계정이며 C:\에서 확장을 보거나 삭제할 수 있습니다. 사용자. 그리고 .vscode 폴더를 복사하여 다른 곳에 VS Code가 설치된 위의 위치에 .vscode 폴더를 덮어쓰면 다시 구성하지 않고 바로 이전 구성을 사용할 수 있습니다.
(3) VS Code 문제 제거
VS Code를 제거한 다음 VS Code를 다시 설치하면 이전에 VSCode가 완전히 제거되지 않았기 때문에 이전 구성 정보(열린 폴더, 설치된 확장 등 포함)가 여전히 나타납니다.
VS Code를 완전히 제거하려면 VS Code를 제거한 후 C:\Users\username\.vscode 및 C:\Users\username\AppData\Roaming\Code의 콘텐츠를 수동으로 삭제해야 합니다. 두 개의 디렉토리. 이렇게 완전히 제거한 다음 VSCode를 설치하면 새 설치와 동일합니다. 즉, 이전 관련 구성 정보가 나타나지 않습니다.
지금까지 vscode의 설치 및 기본 구성이 완료되었으며, Code Runner 확장 프로그램의 설치도 소개합니다. 6, Ruby, Go, Lua, Groovy, PowerShell 및 기타 프로그래밍 언어이지만 이 확장에는 디버깅(디버그) 기능이 없습니다.
컴파일러 및 C/C++ 컴파일러 설치(c+ 설치)
https://blog.csdn.net/thefg/article/details/131916203
최신 파이썬 설치 상세 튜토리얼:
https://blog.csdn.net/thefg/article/details/128601410