개발 효율성을 높이려면 VSCode 단축키를 기억하세요!

이 글에서는 공식 문서에 기록되어 있는 VSCode 단축키 중 효율성을 높일 수 있는 몇 가지 단축키를 요약하여 소개합니다. !

Visual Studio Code는 가장 널리 사용되고 일반적으로 사용되는 코드 편집기 중 하나이며 무료로 사용할 수 있습니다. 또한 여러 언어와 프레임워크에 대한 지원을 제공합니다. [추천 학습: "vscode 입문 튜토리얼"]

이 Visual Studio Code 단축키는 VS Code 공식 문서에서 가져온 것입니다. 일부 단축키가 작동하지 않는 경우 편집기나 파일 형식에서 단축키가 변경되었거나 단축키에 영향을 미치는 확장 프로그램이 설치되었기 때문일 수 있습니다.

1. 빠른 탐색

1. 파일 검색

특정 파일을 검색해야 할 경우, 프로젝트 규모가 클 경우 시간이 많이 걸립니다. 파일이 어디에 있는지 이미 알고 있더라도 이 단축키를 사용하면 프로젝트에서 파일을 쉽게 열 수 있어 매우 편리합니다.

• Windows/Linux: ctrl + P
• macOS: command + P

2 설정 열기

Visual Studio Code에는 필요에 따라 변경할 수 있는 많은 기능과 설정이 있습니다. 이 바로가기를 사용하면 필요할 때 설정을 쉽게 열 수 있습니다.

• Windows/Linux: ctrl + ,
• macOS: command + ,

3. 사이드바 전환

처리해야 하는 파일을 저장하려면 더 많은 공간이 필요한 경우가 많습니다. 따라서 이 단축키를 사용하면 사이드바를 편리하게 표시하거나 숨길 수 있습니다.

• Windows/Linux: ctrl + B
• macOS: command + B

4. 탭 탐색

탭이 많이 열려 있고 탭 사이를 전환해야 할 때 사용하세요. 목록을 표시하는 바로가기입니다. 탭을 탐색하고 탭 사이를 탐색하면 열려는 탭을 선택할 수 있습니다.

• Windows/Linux: ctrl + Shift + tab
• macOS: control + Shift + tab

5. 탐색 탭 그룹

Visual Studio Code는 탭 그룹을 생성하는 기능을 제공합니다. 탭 그룹을 사용하면 탭을 그룹화할 수 있으며, 각 탭 그룹은 화면의 일부를 차지합니다. 이 바로가기 키를 사용하면 다른 탭 그룹 간에 전환할 수 있습니다. 바로가기에서 선택한 탭 그룹이 현재 열려 있는 그룹 수보다 큰 경우, 이 바로가기는 새 그룹을 생성합니다.

• Windows/Linux : ctrl + 1 또는 2 또는 3
• macOS : command + 1 또는 2 또는 3

6 터미널 열기

개발 과정에서 터미널이 자주 사용됩니다. . Visual Studio Code를 사용하면 편집기 내에서 터미널 창을 열 수 있습니다. 이를 통해 편집기와 터미널 사이를 전환할 필요가 없으므로 편집기와 코드에 집중할 수 있습니다.

• Windows/Linux: ctrl + J
• macOS: command + J

7. 명령 팔레트 열기

Visual Studio Code에서 다양한 명령을 실행할 수 있습니다. 이 단축키를 사용하면 명령 팔레트를 쉽게 열 수 있습니다. 명령 팔레트를 사용하면 사용 가능한 명령을 검색하고 실행할 수 있습니다.

• Windows/Linux: ctrl + Shift + P
• macOS: command + Shift + P

2. 빠른 선택

. 복사, 자르기 등의 작업이 포함됩니다. 마우스를 사용하는 대신 키보드를 사용하면 시간을 절약할 수 있습니다. 이러한 바로 가기 키는 빠르게 선택하는 데 중점을 둡니다.

1. 현재 줄 선택

이 단축키를 사용하면 커서가 있는 줄의 전체 코드 줄을 빠르게 선택할 수 있습니다.

• Windows/Linux: ctrl + L
• macOS: command + L

2. 현재 선택

이 단축키를 사용하면 찾고 싶은 텍스트만 한 번 선택하고, 모두 선택할 수 있습니다. 파일에서 이 텍스트를 동시에 편집할 수 있도록 합니다.

• Windows/Linux : ctrl + Shift + L
• macOS : command + Shift + L

3. 현재 단어

이 단축키는 위의 단축키와 동일한 작업을 수행하지만 선택이 필요하지 않습니다. 콘텐츠. 커서가 단어 위에 있을 때 이 단축키를 누르면 현재 파일에서 해당 단어의 모든 위치를 선택할 수 있습니다.

• Windows/Linux: ctrl + F2
• macOS: command + F2 + fn

4. 단어 끝까지 선택

코드의 특정 부분을 선택하면 이 단축키의 선택 영역을 이동하고 확장할 수 있습니다. 오른쪽 또는 왼쪽 화살표를 사용하여 원하는 방향으로 이동할 수 있습니다.

• Windows/Linux : Shift + Alt + → 또는 ←
• macOS : Shift + option + → 또는 ←

5. 마우스를 드래그하여 여러 줄의 코드를 선택하세요.

커서를 드래그하세요. 각 행은 처음부터 끝까지 선택됩니다. 하지만 이 단축키를 사용하여 코드의 일부 줄을 선택할 수도 있지만 드래그하는 코드는 여러 줄뿐입니다.

• Windows/Linux : Shift + Alt + 커서 드래그
• macOS : Shift + Option + 커서 드래그

6 화살표 키를 사용하여 여러 줄의 코드를 선택할 수도 있습니다.

위의 단축키를 실행하려면 이 단축키를 사용하세요. 하지만 마우스를 사용하는 대신 키보드의 화살표 키를 사용하세요.

• Windows/Linux : ctrl + Shift + alt + → 또는 ← 또는 ↓ 또는 ↑
• macOS : command + Shift + option + → 또는 ← 또는 ↓ 또는 ↑

3. 바로가기 찾기

모든 편집기에는 현재 파일이나 여러 파일에서 함수나 변수 이름, 구문이나 코드 블록 등과 같은 특정 단어를 찾을 수 있도록 찾기 기능이 있습니다. 검색 기능과 관련된 단축키를 살펴보겠습니다.

1. 결과 탐색

이 단축키를 사용하여 파일의 검색 결과 간에 이동할 수 있습니다.

• Windows/Linux: F3
• macOS: F3 + fn

2. 여러 결과 선택

여러 검색 결과를 수정하려면 이 단축키를 사용하여 파일에서 찾기를 선택할 수 있습니다. 결과에 여러 내용이 표시되며, 이 키를 누를 때마다 하나의 결과가 선택되고 검색 결과 순서대로 선택됩니다.

• Windows/Linux : ctrl + D
• macOS : command + D

3. 모든 결과 선택

검색 기능을 사용하여 모든 검색 결과를 수정하려는 경우 이 단축키는 다음과 같습니다. 모든 검색결과를 선택했습니다.

• Windows/Linux: alt + enter
• macOS: option + enter

4. 코드 탐색

파일이나 프로젝트가 복잡해지면 코드의 특정 부분을 찾는 것이 점점 더 어려워집니다. 더 어렵습니다. 수동으로 오류를 찾거나 특정 코드 줄로 이동하는 것이 어려울 수 있습니다. 다음 단축키를 사용하면 많은 수고를 덜고 실제로 하고 싶은 일에 더 많은 시간을 할애할 수 있습니다.

1. 지정된 줄로 이동

컴파일 또는 런타임 오류를 일으키는 특정 코드 줄이 나타나면 이 단축키를 사용하여 해당 코드 줄로 이동할 수 있습니다. 이 코드 줄로 이동하려면 Enter 키를 누르세요. 이 단축키는 파일에 코드가 많을 때 매우 유용합니다.

• Windows/Linux: ctrl + G
• macOS: control + G

2. 일치하는 괄호로 이동

일치하는 코드 블록의 닫는 괄호를 찾아야 할 수도 있습니다. 파일이 길면 어렵습니다. 이 단축키를 사용하면 현재 블록에 대해 닫는 일치 괄호를 쉽게 찾을 수 있습니다. HTML 태그에서는 현재 태그의 끝으로 이동할 수 있습니다.

• Windows/Linux : ctrl + Shift +
• macOS : command + Shift +

3. 코드 블록 축소/확장

파일에 많은 코드가 포함되어 있으면 현재 다른 것에 집중할 수 있도록 집중하지 않는 코드 블록입니다. 이 단축키는 코드 블록을 축소하거나 확장하는 데 사용됩니다. 코드 블록의 아무 곳이나 클릭하고 다음 키를 누르십시오.

• Windows/Linux : ctrl + Shift + [또는]
• macOS : command + option + [또는]

4 코드 블록 및 하위 코드 블록 축소/확장

하위 코드가 포함되어 있습니다. 블록으로 무엇을 해야 합니까? 위 명령을 사용하면 상위 코드 블록이 축소되지만 상위 코드 블록이 확장되면 하위 코드 블록은 변경되지 않습니다. 코드 블록과 해당 하위 코드 블록을 축소하고 확장해야 하는 경우 이 단축키를 사용하면 됩니다.

• Windows/Linux : ctrl + K + [또는]
• macOS : command + K + [또는]

4. 오류 및 경고로 이동

코드에서 오류 및 경고 찾기 결정적이다. 이 단축키를 사용하면 정확한 문제를 찾기 위해 스크롤하는 수고를 덜 수 있습니다. 다음 오류나 경고로 바로 이동할 수 있습니다.

• Windows/Linux: F8
• macOS: F8 + fn

5. 커서 이동

많은 경우 파일의 서로 다른 위치에 여러 개의 커서가 필요할 수 있습니다. 이러한 단축키를 사용하면 여러 커서를 사용하여 더 쉽게 이동할 수 있습니다.

1. 특정 위치에 추가 커서 삽입

이 키보드 단축키는 파일의 어느 곳에나 추가 커서를 삽입할 수 있습니다.

• Windows/Linux : alt + 마우스 클릭 위치
• macOS : option + 마우스 클릭 위치

2. 위 또는 아래에 추가 커서 삽입

커서를 삽입하는 두 번째 방법은 커서를 아래에 삽입하는 것입니다. 현재 커서 위치 위 또는 아래.

• Windows/Linux : ctrl + alt + ↓ 또는 ↑
• macOS : command + option +↓ 또는 ↑

3. 커서 삽입 취소

커서가 실수로 삽입되었거나 더 이상 커서가 아닌 경우 필요 해당 위치에 커서를 삽입하면 어떻게 해야 하나요? 이 단축키는 마지막으로 삽입된 커서의 실행을 취소합니다. 이 바로 가기 키는 다른 커서를 제자리에 유지하고 마지막으로 삽입된 커서를 삭제하므로 여러 커서를 삽입할 때 유용합니다.

• Windows/Linux : ctrl + U
• macOS : command + U

4 선택한 코드 끝에 커서를 삽입하세요.

이 단축키를 사용하면 코드 끝에 커서를 삽입할 수 있습니다. 선택한 코드의 각 줄.

• Windows/Linux : Shift + alt + I
• macOS : Shift + option + I

6. 빠른 코딩

1. 코드 줄이나 블록을 이동합니다

여러 번 이동해야 합니다. 한 줄 또는 여러 줄의 코드가 한 위치에서 다른 위치로 이동됩니다. 코드를 복사하거나 잘라서 다른 위치에 붙여넣는 대신 이 바로 가기를 사용하면 코드 줄 위에 커서를 놓기만 하면 더 빠른 솔루션을 얻을 수 있습니다. 여러 줄의 코드를 이동하려면 이동하려는 코드를 선택한 다음 이 단축키를 사용하세요.

• Windows/Linux : alt +↓ 또는 ↑
• macOS : option +↓ 또는 ↑

2. 코드 줄 또는 블록 복사

하나 이상의 코드 줄을 복사해야 하는 경우 붙여넣기 아래로 갈까, 위로 갈까? 실제로 코드를 복사하여 붙여넣는 대신 이 단축키는 화살표로 선택한 방향에 따라 코드 아래 또는 위에 줄을 복사합니다. 여러 줄의 코드를 복사하려면 복사할 코드를 선택한 다음 이 단축키를 사용하세요.

• Windows/Linux : Shift + Alt +↓ 또는 ↑
• macOS : Shift + option +↓ 또는 ↑

3. 코드 들여쓰기

한 위치에서 다른 위치로 코드를 복사할 때 언제 또는 언제 코드를 변경하면 코드 들여쓰기가 잘못된 경우가 많습니다. 이 단축키를 사용하면 필요에 따라 코드를 들여쓰거나 여러 줄의 코드를 선택하여 함께 이동할 수 있습니다.

• Windows/Linux: ctrl + [또는]
• macOS: command + [또는]

4. 코드 주석 전환

이 단축키를 사용하여 커서가 있는 코드 줄에 주석을 달거나 주석을 해제할 수 있습니다. 이다. 여러 줄의 코드에 주석을 달거나 주석 처리를 제거하려면 먼저 여러 줄의 코드만 선택하면 됩니다.

• Windows/Linux: ctrl + /
• macOS: command + /

5. 코드 블록 주석 전환

위 단축키와는 다르게 다음 단축키는 선택한 항목을 변경합니다. 여러 줄의 코드를 단일 주석으로 주석 처리합니다.

• Windows/Linux : Shift + alt + A
• macOS : Shift + option + A

6. 코드 형식

가독성을 위해 코드에서 지정한 형식을 유지하는 것이 매우 중요합니다. . Visual Studio Code는 코드 서식 지정을 위한 두 가지 바로 가기 명령을 제공합니다.

다음 단축키는 전체 파일의 코드 형식을 지정할 수 있습니다.

• Windows/Linux : ctrl + Shift + F
• macOS : option + Shift + F

다음 단축키는 코드 형식을 지정할 수 있습니다. 하나의 코드 선택:

• Windows/Linux: ctrl + K, 그 다음 ctrl + F
• macOS: command + K, 그 다음 command + F

7. 빠른 오류 수정

일반적이거나 간단한 오류가 발생하고 Visual Studio Code에서 세미콜론 누락과 같은 오류를 직접 수정할 수 있는 경우 Quick Fix를 사용할 수 있는 경우 이 바로가기를 사용하면 오류나 경고를 빠르게 수정할 수 있습니다.

• Windows/Linux : ctrl + .
• macOS : command + .

8. 이름 바꾸기

여러 번 사용되는 변수, 함수 또는 클래스의 이름을 수동으로 바꾸면 실수하기 쉽습니다. 이 단축키는 모든 기호의 이름을 바꾸는 안전한 방법을 제공합니다.

• Windows/Linux: F2
• macOS: F2 + fn

9 공백 삭제

다음 단축키를 사용하여 추가 빈 줄을 삭제할 수 있습니다.

• Windows/Linux: Ctrl + K + X
• macOS : 명령 + K +

10. 프로그래밍 언어 변경

기본적으로 Visual Studio Code는 처리 중인 파일의 프로그래밍 언어를 감지합니다. 일반적으로 파일 확장자를 확인하여 수행됩니다. 단, 파일 확장자가 지원되지 않는 경우 언어가 올바르게 감지되지 않을 수 있습니다. 따라서 파일의 프로그래밍 언어를 변경해야 할 경우 이 단축키를 사용할 수 있습니다.

Windows/Linux

: ctrl + K를 누른 다음 M
• macOS
: command + K를 누른 다음 M
• 을 누릅니다. 7. 더 나은 인코딩

1. 정의로 이동

여러 번 필요합니다. 우리가 사용하는 코드가 어떻게 정의되어 있는지 이해합니다. 예를 들어, 함수를 호출하고 함수가 어떻게 정의되는지 알고 싶을 때 이 단축키를 사용할 수 있습니다.

Windows/Linux

: F12
• macOS
: F12 + fn
• 2 정의 보기

이 단축키는 확인한 정의를 엽니다. 이렇게 하면 다른 파일이나 코드 줄로 전환하지 않고도 정의를 더 쉽게 볼 수 있습니다.

Windows/Linux

: alt + F12
• macOS
: option + F12 + fn

3. 전환 제안

코드를 작성할 때 VS Code 또는 일부 확장 프로그램이 코드 제안을 표시합니다. 이 단축키를 사용하면 코드 제안을 빠르게 전환하여 보거나 숨길 수 있습니다.

Windows/Linux

: ctrl + I
• macOS
: command + I
• VS Code는 최고의 코드 편집기 중 하나입니다. VS Code에서 바로 가기 키를 사용하면 개발이 더 쉬워지고 더 짧은 시간에 고품질 코드를 작성하는 데 집중할 수 있습니다. 이 문서에서는 개발 효율성을 높이는 데 도움이 되기를 바라며 몇 가지 실용적인 Visual Studio Code 바로 가기 키를 소개합니다!

마지막으로 Windows, Linux 및 macOS 시스템의 VS Code에 대한 바로 가기 키는 다음과 같습니다.

VSCode에 대한 자세한 내용을 보려면 vscode 튜토리얼

을 방문하세요! !

위 내용은 개발 효율성을 높이려면 VSCode 단축키를 기억하세요!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!