Visual Studio 코드(VS 코드) 명령줄 인터페이스 설치 및 사용 방법

Visual Studio 코드(VS 코드) 명령줄 인터페이스 설치 및 사용 방법

2022-05-31 last update

6 minutes reading VS Code

소개


Visual Studio Code은 무료, 오픈, 크로스플랫폼 텍스트 편집기로 주로 Microsoft에서 개발되었다.이것은 자바스크립트와 CSS 등 웹 기술을 사용하는데 이것은 지역 사회가 플러그인을 만드는 대형 생태계를 촉진하고 그 기능을 다양한 프로그래밍 언어와 특성으로 확장하는 데 도움이 된다.
이 강좌에서는 Visual Studio 코드 명령줄 인터페이스를 설치하고 파일과 디렉터리를 열고, 파일 간의 변경 사항을 비교하고, 확장자를 설치하는 방법을 배울 것입니다.

선결 조건


이 자습서를 완성하려면 Visual Studio 코드를 설치해야 합니다.플랫폼에 코드를 설치하는 방법은 official Setting up Visual Studio Code 문서를 참조하십시오.

Visual Studio 코드 명령줄 인터페이스 설치


Visual Studio 코드 명령줄 인터페이스를 사용하기 전에 먼저 설치해야 할 수도 있습니다.이렇게 하려면 먼저 일반 Visual Studio 코드 그래픽 인터페이스를 시작합니다.응용 프로그램을 처음 여는 경우 기본 화면 왼쪽에 아이콘 표시줄과 기본 시작 탭이 있습니다.

Visual Studio 코드는 명령줄 인터페이스를 설치하는 내장 명령을 제공합니다.Mac에 Command+Shift+P을 입력하거나 Windows 및 Linux에 Control+Shift+P을 입력하여 코드의 명령 패널을 엽니다.

코드 창 상단 근처에 알림이 열립니다.프롬프트에서 shell command을 입력합니다.이 명령은 Shell Command: Install 'code' command in PATH을 읽을 올바른 명령으로 자동으로 수행됩니다.

강조 표시된 명령을 실행하려면 ENTER을 누릅니다.설치 프로세스를 완료하려면 관리자 자격 증명을 입력하라는 메시지가 표시될 수 있습니다.
현재 code 명령행 명령이 설치되어 있습니다.code 로고를 사용하여 --version을 실행하여 설치가 성공했는지 확인합니다.
  1. code --version
Output
1.62.1 f4af3cbf5a99787542e2a30fe1fd37cd644cc31f x64
출력에 버전 문자열이 있으면 Visual Studio 코드 명령줄 인터페이스가 성공적으로 설치되었음을 나타냅니다.다음 몇 절은 그것을 사용하는 몇 가지 방법을 보여 드리겠습니다.

코드 명령을 사용하여 파일 열기


하나 이상의 파일 이름을 사용하여 code 명령을 실행하면 Visual Studio 코드 GUI에서 파일을 엽니다.
  1. code file1
file1 파일을 코드로 엽니다.
  1. code *.md
현재 디렉토리의 모든 태그 (.md) 파일을 코드로 엽니다.
기본적으로 기존 코드 창을 사용할 수 있으면 파일이 열립니다.--new-window 플래그를 사용하여 지정된 파일에 대한 Visual Studio 코드를 강제로 새 창을 엽니다.

코드 명령을 사용하여 디렉토리 열기

code 명령을 사용하여 하나 이상의 디렉토리 이름과 함께 새 Visual Studio 코드 창에서 디렉토리를 엽니다.
  1. code directory1 directory2
코드가 디렉터리에 새 창을 열 것입니다.--reuse-window 로고를 사용하여 코드가 기존의 맨 앞 창을 다시 사용하도록 알려 줍니다.

열다코드 명령을 사용하여 작업공간 파일 인코딩

code 명령을 사용하여 작업공간 파일을 여는 방법은 디렉토리를 여는 것과 유사합니다.
  1. code example.code-workspace
이것은 example 로고를 추가해서 기존 창을 다시 사용하지 않는 한 새 창에서 --reuse-window 작업 영역을 열 것입니다.

코드 명령을 사용하여 확장 설치

code 명령줄 도구를 사용하여 Visual Studio 코드 확장을 설치할 수도 있습니다.이를 위해서는 우선 확장의 유일한 식별자를 알아야 합니다.이 정보를 찾으려면 먼저 Visual Studio Marketplace의 확장 페이지로 이동합니다.
예를 들어, 다음은 Jupyter 노트북 확장 페이지입니다.
https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter
주소의 itemName 매개 변수를 주의하십시오.이 매개변수의 값 ms-toolsai.jupyter은 이 확장의 유일한 식별자입니다.
이 정보는 Marketplace 페이지에서 More info(추가 정보) 섹션의 오른쪽 표시줄 아래에 있습니다.

이 유일한 id를 가지고 있으면 code --install-extension과 함께 사용하여 확장을 설치할 수 있습니다.
  1. code --install-extension ms-toolsai.jupyter
Output
Installing extension 'ms-toolsai.jupyter'... Extension 'ms-toolsai.jupyter' v2021.11.1001489384 was successfully installed.
--uninstall-extension 로고와 같은 id 마운트 해제 확장을 사용합니다.

코드 명령을 사용하여 두 파일 사이의 차이를 표시합니다


두 파일 간의 추가, 삭제 및 변경을 강조 표시하는 표준 버스트 스크린 차이를 표시하려면 --diff 플래그를 사용합니다.
  1. code --diff file1 file2

파일을 여는 것과 유사하게, 이것은 기본적으로 맨 앞의 창을 다시 사용합니다 (존재하는 경우).새 창을 강제로 열려면 --new-window 플래그를 사용하십시오.

코드 명령을 사용하여 stdin 파이프를 Visual Studio 코드로 변환


대부분의 명령줄 셸의 중요한 특징 중 하나는 명령의 출력을 파이프를 통해 다음 명령으로 전송하거나 전송할 수 있는 입력이다.다음 명령줄에서 | 명령을 ls ~code - 파이핑 문자에 연결합니다.
  1. ls ~ | code -
이것은 ls 디렉터리에서 ~ 명령을 실행합니다. 이 디렉터리는 현재 사용자의 홈 디렉터리의 단축키입니다.ls의 출력은 홈 디렉터리의 파일과 디렉터리 목록이 됩니다.이것은 code 명령으로 전송되며, 하나의 -은 파일이 아니라 파이프의 텍스트를 읽어야 한다는 것을 표시합니다.code은 입력을 저장하기 위한 임시 파일을 만드는 데 대한 정보를 출력합니다.
Output
Reading from stdin via: /var/folders/dw/ncv0fr3x0xg7tg0c_cvfynvh0000gn/T/code-stdin-jfa
그러면 이 파일이 코드 GUI 인터페이스에서 열립니다.

이 명령은 더 많은 입력을 무제한으로 기다립니다.CTRL+C을 누르면 code이 정청을 멈추고 셸로 돌아갑니다.
입력한 새 창을 강제로 열기 위해 --new-window 로고를 추가합니다.

결론


이 강좌에서는 Visual Studio Code의 code 명령줄 도구를 설치하고 파일과 디렉터리를 열고, 파일과 설치 확장자를 비교합니다.code 명령에 대한 자세한 내용을 보려면 --help 함수를 실행할 수 있습니다.
  1. code --help
또한 official Visual Studio Code command line documentation을 참조하거나 우리의 VS Code tag page을 확인하여 더 많은 Visual Studio 코드 강좌, 기술 강좌와 질의응답을 얻을 수 있습니다.