웹사이트 검색

Linux에서 VSC(Visual Studio Code) 시작하기


이 페이지에서

  1. 다운로드 및 설치
  2. 빠른 시작
  3. 테마
  4. 명령 팔레트
  5. 작업 파일
  6. 병렬 편집
  7. 자동 저장
  8. 컨텍스트 메뉴
  9. 검색 및 바꾸기
  10. 기타 주목할만한 기능\n

이것은 오픈 소스가 아니며 여러 가지 이유로 유용한 Linux용 작업 버전을 제공합니다. 이 자습서에서는 VSC를 설치, 설정 및 시작하는 방법을 살펴보겠습니다.

다운로드 및 설치

이 기사를 작성할 당시 VSC는 버전 0.8.0이었으며 이는 도구가 아직 100% 완성되지 않았음을 나타냅니다. 여기에서 이 미리보기 버전을 다운로드하고 보관 파일을 추출할 수 있습니다. 설치가 필요하지 않습니다. 실행하려면 새로 만든 폴더 안에 있는 실행 파일을 두 번 클릭(실행)하면 됩니다.

빠른 시작

VSC는 프로젝트 기반이 아니라 폴더 기반이라는 점에 주목해야 합니다. 메뉴에서 "파일 ? 폴더 열기\를 누르고 프로젝트가 있는 폴더를 엽니다. 여기에 Expressjs 프로젝트를 스캐폴딩했습니다.

테마

가장 먼저 할 수 있는 작업 중 하나는 편집기의 시각적 설정 또는 바로 가기를 변경하는 것입니다. 이렇게 하면 보다 효율적으로 작업하는 데 도움이 되므로 처음부터 올바르게 설정하는 것이 중요합니다. 방법은 다음과 같습니다. 기본 메뉴로 이동하여 다음 스크린샷과 같이 "파일 ? 환경 설정 ? 옵션\을 선택합니다.

VSC는 JSON 형식의 텍스트 기반 설정 편집기를 제공합니다. 사용자는 기본값을 무시할 수 있으므로 매우 편리합니다. 내 예에서는 기본 글꼴을 "Source Code Pro\로 변경했고 색상 테마도 "Red\로 변경했습니다.

명령 팔레트

VSC의 명령 팔레트는 확실히 이 편집기의 가장 강력한 기능 중 하나입니다. \Ctrl+P를 눌러 열 수 있습니다.

VSC에는 사용 가능한 많은 단축키가 있습니다. ">” 문자를 누르면 키보드 단축키가 표시됩니다("Ctrl+Shift+P”로도 실행할 수 있음). 바로 가기 .

다른 기본 \와일드 문자는 다음과 같습니다.

  • \?” 도와주기 위해\n
  • "@” 열기 기호\n
  • \:” 줄 탐색용
  • \!” 오류 및 경고 표시용\n

작업 파일

현재 편집 중인 파일 또는 \탭\으로 더 잘 알려진 파일입니다. VSC는 왼쪽 사이드바에 있는 파일을 유지하므로 메인 창에서 해당 코드를 클릭하여 가져올 수 있습니다. 더 편리한 순환 방법은 다음과 같습니다. \Ctrl+Tab으로.

사이드바를 마우스 오른쪽 버튼으로 클릭하면 파일 관리 메뉴가 나타납니다. 이 메뉴를 통해 새 폴더와 파일을 만들거나 터미널에서 현재 위치를 열 수 있습니다. 파일 위치 변경은 끌어서 놓기로 수행할 수도 있습니다.

병렬 편집

"Ctrl+"는 더 많은 보기 탭을 엽니다. 오른쪽 상단의 "분할 편집기\ 아이콘을 누르거나 왼쪽 사이드바의 메뉴를 마우스 오른쪽 버튼으로 클릭해도 됩니다.

"Alt+왼쪽 클릭\은 또한 다중 커서를 불러오며 더 추가하기 매우 쉬운 것은 "Ctrl+Meta+Down\ 또는 "Ctrl+Meta+Up\입니다.

자동 저장

일반적으로 우리는 일종의 감시자를 실행하므로 명시적으로 파일을 저장하려고 합니다. "자동 저장\ 기능을 활성화/비활성화하려면 명령 팔레트("Ctrl+Shift+P\)를 열고 "auto\ 또는 "save\를 입력하십시오.

상황에 맞는 메뉴

변수를 마우스 오른쪽 버튼으로 클릭하면 정의가 있는 파일을 탐색할 수 있도록 상황에 맞는 메뉴가 나타납니다. 다음 예제에서 express()는 동일한 파일에 정의되어 있으므로 실제로 아무데도 탐색하지 않습니다.

이 시점에서 주목할 가치가 있는 한 가지 추가 사항은 커서가 표현식 위에 있을 때 을 사용하여 추가 정보를 얻을 수 있다는 것입니다. VSC의 또 다른 좋은 점은 Typescript로 작성되었기 때문에 일반 Javascript로 작성하더라도 VSC는 유형 정의 선언을 이해할 것입니다!

검색 및 바꾸기

"Ctrl+F\는 정규식을 지원하는 일반적인 검색 및 바꾸기 기능을 호출하는 반면 "Ctrl+Shift+F\(왼쪽 사이드바에 있음)는 여러 파일에서 검색 기능을 제공합니다.

기타 주목할만한 기능

VSC는 완전한 코드 편집기이며 자동 완성 및 Git 통합과 같이 편집기에서 기대하는 대부분의 기능을 자랑하며 마지막으로 널리 사용되는 모든 언어에 대한 구문 색상 지정 및 대괄호 일치를 지원합니다. 예를 들어 다음 스크린샷과 같이 git을 초기화하고 데모용으로 한 가지만 변경했습니다.

현재 Node(Typescript Javascript)에서만 사용할 수 있고 Mono(C# 및 F#)에서 실험적인 또 다른 기능은 디버깅 지원입니다. 그러나 이것은 관심이 있는 경우 두 번째 자습서에서 표시할 수 있는 심오한 문제입니다(주석 섹션에 명시). 지금은 VSC를 시작하기 위해 필요한 모든 것을 알고 있습니다. 즐거운 코딩하세요!