Visual Studio Code



  • vscode/Visual Studio Code 공식 웹사이트

    VS Code 단축키

    자주 사용하는 단축키

    관련 단축키 편집

    다중 커서 및 선택

    파일 및 창 관리

    디버깅 및 실행

    검색 및 바꾸기

    사용자 정의 단축키

    당신은 사용할 수 있습니다File > Preferences > Keyboard Shortcuts(또는Ctrl + K + Ctrl + S) 바로가기 키 설정을 사용자 정의합니다.



    편집기에서 파일 관리자로 전환하는 단축키

    내장된 단축키 사용

    이 바로 가기 키를 누르면 포커스가 편집기에서 탐색기 창으로 전환됩니다.

    사용자 정의 단축키

    1. ~에 따르면Ctrl + K Ctrl + S(윈도우/리눅스) 또는Cmd + K Cmd + S(Mac) 단축키 설정을 켭니다.
    2. 찾다「focus on explorer」,켜다workbench.view.explorer
    3. 항목을 클릭하고 원하는 단축키를 설정하세요. 예를 들어Ctrl + Alt + E

    `keybindings.json`을 수동으로 설정

    JSON 설정을 수동으로 수정하려면 다음을 수행하세요.keybindings.json다음을 추가하세요.

    [
        {
            "key": "ctrl+alt+e",
            "command": "workbench.view.explorer"
        }
    ]

    바로가기 키 테스트

    1. 코드 파일이 편집기 내에 열려 있는지 확인하세요.
    2. 누르다Ctrl + Shift + E또는 사용자 정의된 바로가기 키.
    3. 초점이 왼쪽의 파일 탐색기로 전환되어야 합니다.


    VS Code의 settings.json 열기

    방법 1: 명령 패널을 통해

    1. 누르다Ctrl + Shift + P(Mac:Cmd + Shift + P)。
    2. 입력하다Preferences: Open Settings (JSON)그리고 선택하세요.
    3. VS 코드가 열립니다settings.json, 개인 설정을 직접 편집할 수 있습니다.

    방법 2: 그래픽 인터페이스에서 입력

    1. 왼쪽 하단에 있는 톱니바퀴 아이콘(⚙️)을 클릭하세요.
    2. 설정을 선택합니다.
    3. 오른쪽 상단에 있는 "{} Open Settings(JSON)" 아이콘을 클릭하여 들어갑니다.settings.json페이지를 편집하세요.

    방법 3: 파일 위치를 직접 열기

    Windows / Linux:

    
    %APPDATA%\Code\User\settings.json
    

    macOS:

    
    ~/Library/Application Support/Code/User/settings.json
    

    VS 코드를 사용할 수도 있습니다File → Open File이 경로에서 파일을 직접 엽니다.



    VS 코드 터미널

    개폐방식

    터미널 유형

    기본 터미널 설정

    {
      "terminal.integrated.defaultProfile.windows": "PowerShell",
      "terminal.integrated.profiles.windows": {
        "PowerShell": {
          "path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
        },
        "Command Prompt": {
          "path": "C:\\Windows\\System32\\cmd.exe"
        },
        "Git Bash": {
          "path": "C:\\Program Files\\Git\\bin\\bash.exe"
        }
      }
    }
    

    스위치 단자

    다중 터미널 작동

    디버그와 터미널 관계

    FAQ



    cmd 또는 PowerShell을 사용하여 통합 터미널 구성

    settings.json 수정

    VS Code에서 열기settings.json, 다음 설정을 추가합니다.

    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "terminal.integrated.profiles": {
        "Command Prompt": {
            "path": "C:\\Windows\\System32\\cmd.exe"
        },
        "PowerShell": {
            "path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
        }
    }
    

    효과

    알아채다

    Git Bash, WSL 또는 다른 셸이 설치되어 있는 경우 다음을 수행할 수도 있습니다.profiles전환을 용이하게 하려면 섹션에 함께 추가하세요.

    사례: VS Code에서 디버깅을 설정할 때 cmd를 사용하지만 기본 터미널은 여전히 ​​PowerShell입니다.

    관행

    VS Code의 "실행 및 디버깅"에 사용되는 터미널은 다음을 통해 사용할 수 있습니다.launch.json~에console그리고internalConsoleOptions통제하다.

    예시 설정

    PowerShell을 기본 통합 터미널로 유지

    "terminal.integrated.defaultProfile.windows": "PowerShell",
    "terminal.integrated.profiles": {
        "PowerShell": {
            "path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
        },
        "Command Prompt": {
            "path": "C:\\Windows\\System32\\cmd.exe"
        }
    }
    

    cmd를 사용하여 launch.json에서 디버그 지정

    {
      "버전": "0.2.0",
      "구성": [
        {
          "name": "Python 프로그램 실행(cmd 사용)",
          "유형": "파이썬",
          "요청": "실행",
          "프로그램": "${파일}",
          "console": "통합 터미널",
          "internalConsoleOptions": "neverOpen",
          "창": {
            "명령": "cmd.exe"
          }
        }
      ]
    }

    효과



    VS Code의 구문 형식

    1. 포맷에 단축키를 사용하세요

    Visual Studio Code는 코드 형식을 빠르게 지정하는 바로 가기 키를 제공합니다. - **전체 파일 서식 지정**: `Shift + Alt + F`(Windows) 또는 `Shift + Option + F`(Mac)를 누릅니다. - **선택 영역 서식**: 코드를 선택한 후 위 단축키를 누르세요.

    2. 파일 저장 시 자동 포맷 활성화

    Visual Studio Code는 자동 코드 서식을 지원합니다. 1. **파일 > 기본 설정 > 설정**을 엽니다. 2. **저장 시 형식**을 검색하세요. 3. **편집기: 저장 시 포맷**을 선택하면 파일 저장 시 자동으로 포맷됩니다.

    3. 형식 확장 도구 설치

    1. **Extension Market**을 열고 적절한 서식 지정 도구를 검색하여 설치합니다. 예: - **더 예뻐짐 - 코드 포맷터**: JavaScript, TypeScript, HTML, CSS 등을 위한 것입니다. - **검은색**: Python용. 2. 설치 후 VS Code는 포맷을 위해 자동으로 확장 도구를 사용합니다.

    4. 기본 서식 도구 설정

    여러 서식 확장 도구가 설치된 경우 기본 서식 도구를 설정할 수 있습니다. 1. **파일 > 기본 설정 > 설정**을 엽니다. 2. **기본 포맷터**를 검색하세요. 3. **Editor: Default Formatter**에서 사용하려는 도구를 선택합니다.

    5. 사용자 정의 서식 규칙

    일부 서식 도구는 사용자 정의 규칙을 지원합니다. 예를 들어 Prettier는 다음과 같습니다. 1. 프로젝트 디렉터리에 `.prettierrc` 파일을 생성합니다. 2. 사용자 정의 규칙을 추가합니다. 예:
       {
           "tabWidth": 4,
           "useTabs": false,
           "singleQuote": true,
           "trailingComma": "es5"
       }
       

    6. .editorconfig 파일을 사용하세요

    `.editorconfig`는 팀의 코딩 스타일을 통합하는 데 사용됩니다. 1. 프로젝트 루트 디렉터리에 `.editorconfig` 파일을 생성합니다. 2. 규칙을 추가합니다. 예:
       [*.{js,css,html}]
       indent_style = space
       indent_size = 2
       

    7. 형식 문제를 신속하게 해결

    포맷 문제가 발생하면 빠른 수정을 사용하세요. 1. 문제 코드를 마우스 오른쪽 버튼으로 클릭하고 **파일 형식** 또는 **선택 형식**을 선택합니다. 2. 바로가기 키를 사용하여 빠른 수정을 수행합니다.

    8. 요약

    - 단축키를 사용하여 코드 형식을 빠르게 지정하세요. - 효율성을 높이기 위해 자동 서식을 활성화합니다. - 더 많은 언어를 지원하려면 확장 프로그램을 설치하세요. - `.editorconfig` 및 도구별 구성 파일을 사용하여 형식을 통일합니다.

    VS Code는 파일 인코딩을 변경합니다.

    바로가기 키를 사용하여 파일 인코딩 변경

    1. ~에 따르면Ctrl + K Ctrl + S(윈도우/리눅스) 또는Cmd + K Cmd + S(Mac) 단축키 설정을 켭니다.
    2. 오른쪽 상단에 있는 "JSON 열기" 아이콘을 클릭하여 엽니다.keybindings.json
    3. 파일 인코딩을 UTF-8로 변경하기 위한 단축키를 설정하려면 다음 설정을 추가하세요.
    [
        {
            "key": "ctrl+alt+u",
            "command": "workbench.action.editor.changeEncoding",
            "args": "utf8",
            "when": "editorTextFocus"
        }
    ]

    명령 패널을 통해 인코딩을 수동으로 변경

    1. ~에 따르면Ctrl + Shift + P(맥의 경우Cmd + Shift + P)。
    2. 찾다「Change File Encoding」(파일 인코딩 변경).
    3. 대상 인코딩을 선택하세요.UTF-8또는Big5

    공통 인코딩 목록

    바로가기 키 테스트

    1. UTF-8이 아닌 인코딩된 아카이브(예: Big5)를 엽니다.
    2. 누르다Ctrl + Alt + U(또는 설정한 단축키).
    3. 아카이브는 즉시 UTF-8로 변환되어야 합니다(수동 선택이 필요하지 않음).


    Big5 인코딩에서 UTF-8로 파일 변환

  • 1단계: VS Code에서 Big5 인코딩 파일 열기 비주얼 스튜디오 코드를 엽니다. Big5로 인코딩된 파일을 열려면 "파일" -> "파일 열기"를 사용하세요.
  • 2단계: 파일 인코딩을 Big5로 설정 VS Code의 오른쪽 하단에서 인코딩 표시기를 클릭합니다(예: 기본값은 UTF-8일 수 있음). 표시되는 드롭다운 목록에서 '코드로 다시 열기'를 선택하세요. 인코딩 목록에서 Big5를 선택하세요. 이는 VS Code에 파일을 Big5 인코딩으로 해석하도록 지시합니다.
  • 3단계: 인코딩을 UTF-8로 변환 파일이 열리고 Big5로 올바르게 표시되면 인코딩 표시기를 다시 클릭하십시오. 이제 인코딩을 사용하여 저장하도록 선택합니다. 목록에서 UTF-8을 선택합니다.
  • 4단계: 파일 저장 UTF-8을 선택한 후 Visual Studio Code는 파일의 인코딩을 UTF-8로 변환하고 저장합니다. 이제 인코딩 표시기를 다시 확인하여 파일이 UTF-8인지 확인할 수 있습니다.

    유니코드 필드에서 중국어 글꼴 정렬

    요구사항 설명

    VS Code에서 중국어 문자, 전자 기호 또는 유니코드 특수 문자가 포함된 파일을 편집하는 경우 문자 너비가 일관되지 않고 수직으로 정렬할 수 없는 문제가 자주 발생합니다. 고정 너비 영어 글꼴을 사용하는 경우에도, 특히 CJK 문자가 관련된 경우에도 이러한 문제가 계속 발생할 수 있습니다.

    추천 중국어 글꼴

    다음 글꼴은 중국어 등폭 배열 문제를 더 잘 처리할 수 있습니다.

    설정방법

    켜다settings.json(단축키Ctrl + Shift + P→ "기본 설정: 설정 열기(JSON)")를 입력하고 다음 설정을 추가합니다.

    "editor.fontFamily": "'SimSun-ExtB', 'MS 고딕', '송 왕조 모방', '표준 스크립트', 고정폭"

    이 설정은 글꼴을 순서대로 로드하려고 시도하며 이전 글꼴이 설치되지 않은 경우 다음 글꼴로 돌아갑니다.

    추가 설정 제안

    주의할 점

    결론적으로

    VS Code에서 중국어 번체 글꼴을 사용하여 유니코드 필드를 깔끔하게 정렬하려면 다음을 사용할 수 있습니다.SimSun-ExtBMS Gothic송나라의 모방표준 이탤릭체조합 설정을 기다리고 보조 설정을 활성화하여 정렬 효과를 향상시킵니다.



    VS Code에서 모든 공백을 탭으로 변환

    1. 명령 패널을 엽니다

    - `Ctrl + Shift + P`(macOS의 경우 `Cmd + Shift + P`)를 눌러 명령 패널을 엽니다. - **"들여쓰기를 탭으로 변환"**을 입력하고 선택하세요.

    2. 현재 들여쓰기 유형을 확인하세요.

    - 현재 파일의 들여쓰기 유형(예: `Spaces: 4`)을 확인하려면 오른쪽 하단의 상태 표시줄을 확인하세요. - 이 영역을 클릭하면 들여쓰기 설정 메뉴가 열립니다.

    3. 들여쓰기를 탭으로 변환

    - 메뉴에서 **"들여쓰기를 탭으로 변환"**을 선택하면 들여쓰기에 사용되는 모든 공백이 탭으로 대체됩니다.

    4. 탭 너비 조정(선택 사항)

    - 오른쪽 하단의 들여쓰기 설정을 다시 클릭하세요(예: '탭 크기: 4'). - 원하는 탭 너비를 설정하세요(예: '4').

    5. 파일 저장

    - 변환이 완료된 후 `Ctrl + S`(macOS에서는 `Cmd + S` 사용)를 눌러 파일을 저장하세요.

    6. 기본 들여쓰기를 Tab으로 설정합니다(선택 사항).

    모든 파일에서 기본적으로 Tab을 사용하도록 하려면 다음 단계에 따라 설정할 수 있습니다.

    1단계: 설정 열기

    - 'Ctrl + ,'(macOS에서는 'Cmd + ,' 사용)을 눌러 설정 메뉴를 엽니다.

    2단계: 들여쓰기 설정 검색

    - **"편집기: 공백 삽입"**을 검색하세요. - Tab을 대신 사용하려면 이 옵션을 선택 취소하세요.

    3단계: 탭 너비 설정

    - **"편집기: 탭 크기"**를 검색하세요. - 원하는 탭 너비(예: '4')를 설정하세요.

    4단계: 워크스페이스에 적용(선택)

    - 이 설정을 현재 작업 공간에만 적용하려면 **작업 공간 설정** 탭을 열어 조정하세요.

    요약

    위의 단계를 수행하면 Visual Studio Code에서 모든 공백을 탭으로 쉽게 변환하고 요구 사항에 따라 기본 설정을 지정할 수 있습니다.

    VS Code는 프로그램 코드의 접힌 표시를 전환합니다.

    수동으로 접기 전환

    접기 켜기 또는 끄기 설정

    1. 설정을 엽니다(Ctrl + , 또는 Cmd + ,).
    2. 찾다Editor > Folding
    3. 스위치Editor: Folding설정:
      • 켜짐(기본값):축소 범위가 허용됩니다.
      • 폐쇄:접기를 비활성화합니다.

    또는 직접 편집settings.json

    {
        "editor.folding": false
    }

    특정 블록 접기

    확장된 기능



    VS Code는 커서 위치의 파일 이름을 사용하여 파일로 이동을 수행합니다.

    방법 1: 사용Ctrl + P현재 단어를 복사합니다.

    1. 파일 이름 위에 커서를 놓습니다.
    2. ~에 따르면Ctrl + Shift + ←(Mac: Cmd + Shift + ←) 파일 이름을 선택합니다.
    3. ~에 따르면Ctrl + C(Mac: Cmd + C) 파일 이름을 복사합니다.
    4. ~에 따르면Ctrl + P(Mac: Cmd + P) 에Go To File패널.
    5. 파일 이름(Ctrl + V또는Cmd + V)를 누르고Enter파일을 엽니다.

    방법 2: 사용editor.action.goToImplementation

    방법 3: 확장 키트 사용Quick File Open

    이 기능이 자주 필요한 경우 설치할 수 있습니다.Quick File Open확장 패키지를 설치하고 단축키를 설정하면 커서 위치에서 파일명을 자동으로 추출하여 열 수 있습니다.

    3.1: 확장 키트Open file - Frank Stuetzer

    3.2: 확장 키트Open file From Path - jack89ita



    VS Code는 열 선택 영역의 합계를 계산합니다.

    기본 지침

    VS Code는 열 선택(열 선택)을 지원하지만기본적으로 내장된 기능이 없습니다.선택한 영역의 값을 직접 합산할 수 있습니다. 그러나 다음 방법을 통해 이 목표를 달성할 수 있습니다.

    방법 1: 확장 키트 사용

    방법 2: 계산을 위해 내장 터미널에 복사

    1. 열에서 값을 선택한 후Ctrl+C클론
    2. VS Code의 터미널(또는 Python REPL과 같은 컴퓨팅을 지원하는 셸)에 붙여넣습니다.
    3. 예를 들어 코드를 실행합니다.
    # 파이썬 예제
    숫자 = [12, 15, 8, 10]
    인쇄(합계(숫자))

    방법 3: 여러 커서를 사용하여 수동으로 삽입 및 내보내기

    값을 빠르게 정렬하고 Excel, Google Sheets, Pandas와 같은 도구에 붙여넣어 합산할 수 있습니다.

    제안

    이런 종류의 작업을 자주 수행해야 하는 경우 다음을 설치하십시오.Calculate확장 키트는 가장 편리하고 간단한 접근 방식입니다.



    VS Code는 선택한 행을 정렬합니다.

    기능 설명

    Visual Studio Code는 선택한 영역에서 여러 줄의 텍스트를 알파벳순, 숫자순 또는 역순으로 정렬하는 것을 지원합니다. 코드 구성, 데이터 처리 또는 목록 구성에 자주 사용됩니다.

    용법

    내장 명령 사용

    1. 정렬하려는 여러 줄의 텍스트를 선택하세요.
    2. 명령 메뉴를 엽니다.Ctrl + Shift + P
    3. 입력하다Sort Lines Ascending(힘으로 상승) 또는Sort Lines Descending(전력을 낮추는 것)
    4. Enter 키를 누르면 선택한 행이 즉시 정렬됩니다.

    단축키

    기본적으로 단축키가 지정되어 있지 않으며 직접 설정할 수 있습니다.

    1. 이동File → Preferences → Keyboard Shortcuts
    2. 찾다Sort Lines Ascending또는Descending
    3. 맞춤 단축키를 설정하려면 연필 아이콘을 클릭하세요.

    고급 정렬(확장된 기능 필요)

    정렬 조건을 사용자 정의해야 하는 경우(예: 대소문자 무시, 필드 기준 정렬, 자연수 기준 정렬 등) 다음 확장을 설치할 수 있습니다.

    보충 기술

    결론적으로

    VS Code에는 기본 행 정렬 기능이 기본적으로 지원됩니다. 고급 요구 사항이 있는 경우 확장 키트를 통해 사용 시나리오를 확장할 수 있습니다.



    VS 코드 삽입 날짜 문자열

    방법 1: 확장 키트 사용Insert Date String

    1. 확장 키트 마켓 오픈(누르기)Ctrl + Shift + X,Mac:Cmd + Shift + X)。
    2. 검색 및 설치Insert Date String확장 키트. 시중에는 서로 다른 매개변수를 지원하는 유사한 패키지가 여러 개 있습니다.
    3. 설치 후 기본적으로 단축키를 사용할 수 있습니다.Alt + Shift + I현재 날짜와 시간을 삽입하세요.
    4. 누를 수도 있습니다.Ctrl + Shift + P,구현하다Insert Date String지침.

    방법 2: 코드 조각 사용

    1. ~에 따르면Ctrl + Shift + P(Mac:Cmd + Shift + P)를 입력하고 선택하세요.Preferences: Configure User Snippets
    2. 언어를 선택하세요(예:plaintext.json또는python.json)。
    3. 다음 샘플 조각을 추가했습니다.
    "날짜 삽입": {
        "접두사": "날짜",
        "본문": [
            "${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
        ],
        "description": "현재 날짜를 삽입하세요"
    }

    입력하다date그리고 누르세요Tab날짜를 삽입할 수 있습니다.

    방법 3: 확장 키트 사용macros날짜 기능 포함

    보충: 사용자 정의 형식

    Insert Date String확장 패키지는 다양한 날짜 형식을 지원하며 다음에 설치할 수 있습니다.settings.json예를 들어 다음과 같은 사용자 정의 형식:

    
    "insertDateString.format": "YYYY-MM-DD HH:mm:ss"
    


    VS Code용 Python 확장

    설치 방법

    1. VS Code를 열고 누릅니다.Ctrl + Shift + X(Mac: Cmd + Shift + X) "확장 프로그램"을 엽니다.
    2. 검색창에 입력하세요Python,선택하다Microsoft의 공식 Python 확장(파란색 아이콘).
    3. 딸깍 하는 소리Install설치하다.

    주요 기능

    구문 강조 및 IntelliSense

    개요 보기 기능 및 범주

    디버깅

    Python 환경 관리

    주피터 노트북 지원

    권장 Python 관련 확장

    확장 패키지 이름 기능 설명
    Python (Microsoft) 구문 강조, 완성 및 디버깅을 포함한 공식 Python 지원
    Pylance 더 빠른 IntelliSense 및 유형 검사 제공
    Jupyter VS Code가 Jupyter Notebook을 지원하도록 허용
    Python Environment Manager Python 가상 환경을 편리하게 관리
    Python Docstring Generator Python 주석 자동 생성(Docstring)


    VS Code에서 현재 Python 파일의 함수 목록 찾아보기

    개요 패널 사용

    1. VS Code의 사이드바(탐색기)를 엽니다.
    2. 나타나다개요패널에는 현재 Python 파일의 함수와 범주가 자동으로 표시됩니다.
    3. 표시되지 않으면 다음을 누르세요.Ctrl + Shift + P(Mac: Cmd + Shift + P) 명령 패널을 열고 입력하십시오.View: Show Outline그리고 실행합니다.

    빠른 기호 검색 사용

    1. ~에 따르면Ctrl + Shift + O(Mac: Cmd + Shift + O)。
    2. 현재 파일의 모든 기능과 카테고리 목록이 표시되며, 클릭하면 빠르게 이동할 수 있습니다.

    사용@또는:빠른 필터

    Python 확장 사용



    VS Code 스위치 Conda 환경

    1. 통역사 선택기를 엽니다.

    VS Code 인터페이스에서 환경 선택 메뉴를 여는 두 가지 주요 방법이 있습니다.

    2. 지정된 환경을 선택하십시오

    메뉴가 열리면 목록에서 해당 환경을 찾으세요.

    3. 터미널이 자동으로 활성화되도록 구성

    VS Code 내부의 터미널에서 프로그램을 실행할 때 프로그램이 올바르게 사용되는지 확인하기 위해tf_env, 다음 설정을 확인하세요.

    4. 현재 실행 환경을 확인한다

    코드에 다음 스니펫을 추가하고 실행 후 출력 경로가 올바르게 지정되었는지 확인하세요.tf_env, DLL 로드 경로가 올바른지 확인하려면 다음을 수행하세요.

    importsys
    수입 OS
    
    # Python 실행 파일 경로를 확인합니다.
    print("현재 Python:", sys.executable)
    
    # DLL 검색 경로를 확인합니다(TensorFlow 오류 문제 해결을 위해).
    hasattr(os, 'add_dll_directory')인 경우:
        print("DLL 디렉터리:", os.environ.get('PATH', '').split(';')[0])

    5. 환경이 표시되지 않는 문제를 해결합니다.

    메뉴에서 찾을 수 없는 경우tf_env



    VS Code에서 Git 사용

    Git 저장소 초기화

    원격 저장소에 연결

    버전 제어에 파일 추가

    변경 사항 커밋

    원격 저장소로 푸시

    원격 변경 사항 가져오기

    Git 로그 보기



    Git 사용자 정보 설정

    제출자 이름 및 이메일

    Git은 커밋을 실행할 때 제출자의 이름과 이메일을 기록해야 합니다. 시스템이 이 정보를 찾을 수 없으면 오류가 발생합니다.

    설정 명령

    VS Code 터미널에 다음 명령을 순서대로 입력하세요.

    git config --global user.name "Your Name"
    git config --global user.email "[email protected]"

    설정 확인

    설정이 성공했는지 확인하려면 다음을 입력하십시오.

    git config --list

    후속 작업

    설정이 완료되면 VS Code 인터페이스에서 커밋 버튼을 직접 클릭하여 성공적으로 제출할 수 있습니다.



    VS 코드 보기 파일 Git 기록

    VS Code에서 단일 파일의 개정 기록(Git History)을 보는 것은 주로 내장 기능을 통해 또는 강력한 확장 기능을 설치하여 수행할 수 있습니다. 이는 누가 코드를 변경했는지, 언제, 어떤 변경이 이루어졌는지 추적하는 데 도움이 됩니다.


    1. 내장된 타임라인을 사용하세요

    플러그인을 설치하지 않고 가장 빠른 방법은 다음과 같습니다.

    1. 왼쪽에탐침파일을 클릭하세요.
    2. 왼쪽 패널 하단에서 찾아서 확장하세요.Timeline차단하다.
    3. 이 파일에 대한 모든 Git 커밋 기록이 여기에 나열됩니다.
    4. 레코드를 클릭하면 VS Code가 열립니다.차이점 보기, 왼쪽은 이전 버전이고 오른쪽은 이번 제출 이후의 내용입니다.

    2. GitLens 확장 사용(강력히 권장)

    GitLens는 프로세스 보기 기능을 전문가 수준으로 향상시키는 개발자를 위한 필수 도구입니다.


    3. Git 기록 확장 사용

    보다 직관적인 그래픽 인터페이스를 선호한다면 다음을 설치할 수 있습니다.Git History플러그인:

    1. 설치 후 파일 탭에서 다음을 누릅니다.마우스 오른쪽 버튼을 클릭하세요.
    2. 선택하다Git: View File History
    3. 그러면 파일의 모든 브랜치 병합 및 커밋 기록을 계층형 차트로 표시하고 검색 및 필터링을 지원하는 새 창이 열립니다.

    기능 비교표

    방법 이점 상황에 적합
    타임라인(내장) 설치가 필요 없고 가벼우며 바로 사용할 수 있습니다. 최근의 간단한 변경 사항을 빠르게 검토하세요.
    GitLens 매우 강력하고 편집기와 긴밀하게 통합됩니다. 장기적인 프로젝트 유지 관리에는 각 코드 줄의 책임에 대한 정확한 추적이 필요합니다.
    Git History 그래픽 인터페이스는 명확하고 분기 방향을 읽기 쉽습니다. 특정 정보를 검색하거나 복잡한 분기 병합 내역을 확인해야 합니다.

    명령줄 모드(터미널)

    VS Code에 내장된 터미널을 사용하는 데 익숙하다면 다음 명령을 입력할 수도 있습니다.

    git log -p <file_path>

    그러면 파일에 대한 모든 커밋과 특정 코드 변경 사항(패치)이 나열됩니다. ~에 따르면q종료합니다.



    VS Code는 SSH를 사용하여 GitHub에 연결합니다.

    인증 SSH

    VS Code에서 Git 복제 또는 기타 Git 작업을 사용할 때 오류 메시지가 표시되는 경우:

    [email protected]: Permission denied (publickey)

    이는 GitHub가 SSH 키를 성공적으로 인증하지 못했음을 의미합니다. 조사 과정에서 다음과 같은 문제가 발생할 수 있습니다.

    1단계: SSH 공개 키 및 GitHub 설정 확인

    1. 로컬 SSH 공개 키 지문을 보려면 다음 명령을 사용하십시오.
      ssh-keygen -lf ~/.ssh/id_rsa.pub
    2. GitHub 웹사이트에 로그인하고 다음을 입력하세요.Settings → SSH and GPG keys, 지문이 기계와 일치하는지 확인하십시오.

    2단계: 머신에 개인 키가 있는지 확인

    디렉터리 확인C:\Users\USERNAME\.ssh\, 있는지 확인하세요id_rsa(개인 키)가 존재합니다. 을 텐데id_rsa.pub, 새 개인 키를 생성해야 합니다.

    ssh-keygen -t rsa -b 3072 -C "[email protected]"

    생성 후에는 다음을 얻게 됩니다.

    3단계: SSH 에이전트 시작

    1. services.msc 열기 → 찾기OpenSSH Authentication Agent→ 자동으로 설정하고 시작
    2. 이전 터미널을 닫고 VS Code 또는 새 PowerShell/CMD 터미널을 다시 엽니다.

    4단계: VS Code 터미널에서 사용되는 SSH 확인

    where ssh

    제안된 결과:

    C:\Windows\System32\OpenSSH\ssh.exe

    첫 번째가 Git Bash의 ssh인 경우 PowerShell 또는 CMD를 사용하거나 Windows OpenSSH를 사용하려면 전체 경로를 직접 지정하세요.

    5단계: 개인 키 권한 수정

    실행되는 경우ssh-add과도한 권한에 대한 오류가 발생하여 수정이 필요합니다.

    icacls $env:USERPROFILE\.ssh\id_rsa /inheritance:r
    icacls $env:USERPROFILE\.ssh\id_rsa /grant:r "$($env:USERNAME):(R,W)"
    icacls $env:USERPROFILE\.ssh\id_rsa

    자신의 계정만 읽고 쓸 수 있는지 확인하세요.

    6단계: SSH 에이전트에 개인 키 추가

    ssh-add $env:USERPROFILE\.ssh\id_rsa

    성공 메시지의 예:

    Identity added: C:\Users\USERNAME\.ssh\id_rsa ([email protected])

    7단계: SSH 연결 테스트

    ssh -T [email protected]

    성공 메시지의 예:

    Hi USERNAME! You've successfully authenticated, but GitHub does not provide shell access.

    8단계: 후속 사용

    정리에 집중

    전체 프로세스에는 SSH 공개 및 개인 키 관리, 에이전트 시작, 권한 설정 및 VS Code 터미널 구성이 포함됩니다. 이 작업을 수행하면 VS Code를 사용하여 Windows에서 GitHub에 연결할 때 대부분의 SSH 문제를 해결할 수 있습니다.



    VS Code용 PHP 확장

    공식적이고 일반적으로 사용되는 확장 키트

    문법 검사 설정

    다음에서 이용 가능settings.jsonPHP 실행 파일 경로를 다음에서 설정하십시오.

    "php.validate.executablePath": "C:/php/php.exe"
    

    디버깅 환경 요구 사항

    1. PHP를 설치하고 활성화하십시오.Xdebug
    2. VS Code 확장 설치PHP Debug
    3. 존재하다.vscode/launch.json디버깅 매개변수를 설정합니다.

    제안

    주요 요구 사항이 프로그램 편집 및 자동 완성이라면 설치PHP Intelephense그게 다야; 디버깅이 필요한 경우 일치해야 합니다.PHP DebugXdebug와 함께.



    php.validate.executablePath 및 필수 확장 설정

    필요한 확장 키트

    Visual Studio 코드에서 사용됨php.validate.executablePath기능, 추가 PHP 확장 패키지를 설치할 필요는 없지만 PHP 실행 파일이 시스템에 설치되었는지 확인해야 합니다.

    PHP 개발 경험을 향상하려면 다음 확장을 설치하는 것이 좋습니다.

    1단계: PHP 설치

    1. 에게PHP 공식 홈페이지PHP를 다운로드하고 설치하세요.
    2. 설치 위치를 기록해 두십시오. 예:
      • Windows: C:\\php\\php.exe
      • macOS/Linux: /usr/bin/php또는 사용which php경로 가져오기

    2단계: php.validate.executablePath 설정

    1. 켜다설정(settings.json), 명령 메뉴를 통해 입력할 수 있습니다.Preferences: Open Settings (JSON)
    2. 다음 콘텐츠를 추가하거나 수정합니다.
    "php.validate.executablePath": "C:\\php\\php.exe"

    (Linux/macOS 경로 예:"/usr/bin/php"

    3단계: 설정 확인

    1. 가게settings.json
    2. PHP 파일을 엽니다. 오류가 표시되지 않고 구문 검사가 정상이면 설정에 성공한 것입니다.

    추가 정보



    VS Code의 php.ini 경로

    설정방법

    VS Code 자체에는 직접적인 설정이 없습니다.php.ini옵션, 그것은 당신을 통해 이루어집니다settings.json지정된php.exe해당 내용을 읽으려면php.ini. 단계는 다음과 같습니다:

    1. 먼저 PHP 설치 위치를 확인하세요. 예:
      C:\php\php.exe
      C:\php\php.ini
    2. VS Code에서 열기settings.json(단축키:Ctrl + ,→ 오른쪽 상단의 "설정 열기(JSON)" 아이콘).
    3. 설정 추가:
      "php.validate.executablePath": "C:/php/php.exe"
    4. 확실하게 하다php.ini그것으로php.exe동일한 PHP 설치 경로에 속하므로 VS Code는 구문 확인 및 디버깅 시 이를 사용합니다.php.ini

    현재 사용되는 php.ini를 확인하세요.

    1. 터미널에 다음을 입력하세요.
      php --ini
    2. 다음이 표시됩니다.
      Configuration File (php.ini) Path: C:\php
      Loaded Configuration File:         C:\php\php.ini

    결론적으로

    VS Code에서는 직접 지정할 수 없습니다.php.ini, 다음으로만 지정할 수 있습니다.php.exe간접적으로 지정하는 경로php.ini



    VS Code Android 앱 개발

    직접 개발할 수 있나요?

    Visual Studio Code 자체는 완전한 Android Studio 대체품이 아니며 공식 Android SDK 통합이 부족합니다. 하지만 Extension 패키지를 설치하고 환경을 설정하면 Android App을 개발할 수 있습니다.

    일반적인 방법

    필요한 환경

    제안

    경량 개발을 원한다면 Flutter나 React Native를 선택하는 것이 좋으며 대부분의 프로세스는 VS Code로 완료할 수 있습니다. 그러나 기본 Android 앱의 심층적인 개발 및 디버깅이 필요한 경우 Android Studio가 여전히 주요 도구입니다.



    VS Code에서 실행 및 디버그

    시작 모드

    1. VS Code 프로젝트 폴더를 엽니다.
    2. 왼쪽 클릭실행 및 디버그아이콘을 누르거나 단축키를 사용하세요.Ctrl+Shift+D
    3. 아직 설정이 없다면 클릭하세요.launch.json 파일 생성

    launch.json 설정

    VS 코드 사용법.vscode/launch.json실행 및 디버깅 방법을 정의하기 위한 다양한 언어의 예는 다음과 같습니다.

    Node.js 예

    {
      "버전": "0.2.0",
      "구성": [
        {
          "유형": "노드",
          "요청": "실행",
          "name": "Node.js 프로그램 시작",
          "프로그램": "${파일}"
        }
      ]
    }

    PHP(Xdebug 포함)

    {
      "version": "0.2.0",
      "configurations": [
        {
          "name": "Listen for Xdebug",
          "type": "php",
          "request": "launch",
          "port": 9003
        }
      ]
    }
    

    파이썬 예제

    {
      "버전": "0.2.0",
      "구성": [
        {
          "name": "파이썬 프로그램 시작",
          "유형": "파이썬",
          "요청": "실행",
          "프로그램": "${파일}",
          "console": "통합 터미널"
        }
      ]
    }

    디버깅 기능

    힌트

    해당 확장 키트를 설치하려면 다른 언어가 필요합니다. 예:



    PHP v: 7.4.10
    email: [email protected]
    
    T:0000
    資訊與搜尋 | 回dev首頁
    email: Yan Sa [email protected] Line: 阿央
    電話: 02-27566655 ,03-5924828