본문 바로가기
카테고리 없음

VS Code 및 SSH를 사용하여 원격으로 코딩하는 방법 배우기

by 부동산절대원칙 2022. 6. 11.
반응형

VS Code 및 SSH를 사용하여 원격으로 코딩하는 방법 배우

 

 

nano와 vi의 제약을 받지 마십시오.

 

Unsplash에서 Immo Wegmann의 사진

GUI가 없는 Raspberry Pi 또는 다른 Linux 시스템에서 코드를 작성해야 했던 적이 있습니까? 복사 및 붙여넣기 명령을 기억하려고 vi 정기적으로 사용하지 않는 사람들에게는 거의 불가능합니다. 또한 구문 강조, 린트, 두 파일을 나란히 보는 것과 같은 기본 사항을 놓치게 됩니다.

고맙게도 이제 원격/헤드리스 시스템에 연결하는 VS Code 확장이 있어 데스크톱에서 VS Code를 사용하여 원격 파일 시스템에서 파일을 편집할 수 있습니다.

Raspberry Pi에서 실행되도록 코드를 작성하는 경우 내 PC가 아닌 해당 Pi에서 개발 작업을 수행하는 것이 좋습니다. 마지막 순간에 발견하고 싶지 않은 언어 및 플랫폼 종속성이 있습니다.

많은 Linux 시스템에는 그래픽 콘솔이 없기 때문에 해당 원격 시스템에서 개발 작업을 하려고 하면 언어별 확장과 뛰어난 그래픽 통합을 좋아하는 데 익숙해진 VS Code의 기능이 누락됩니다. 깃과 깃허브.

그러나 이 수수께끼를 해결하는 VS Code 확장이 있습니다.

SSH를 통한 VS Code 원격은 익숙한 VS Code이기 때문에 익숙한 VS Code처럼 보입니다. 아래 스크린샷에서 왼쪽에 친숙한 파일 트리를 확인하십시오. 이것은 원격 시스템에 있는 파일입니다! 익숙한 VS Code 컨트롤을 사용하여 원격 시스템에서 이러한 파일을 열거나 편집, 저장 또는 삭제할 수 있습니다.

SSH 확장이 있는 VS 코드 — 작성자별 스크린샷

또한 이 스크린샷에는 터미널 세션이 열려 있습니다. 이것은 원격 시스템의 터미널 세션입니다. SSH 창에서와 마찬가지로 이 터미널에서 코드를 컴파일하고 실행할 수 있습니다!

VS Code에 SSH 확장을 설치하면 VS Code 창의 왼쪽 하단 모서리에 녹색 막대가 표시됩니다. 이것을 클릭하면 원격 호스트에 연결하거나 연결을 끊는 메뉴가 나타납니다. VS Code는 원하는 경우 즐겨찾기를 추적할 수도 있습니다. 이 스크린샷은 Linux 호스트에 연결된 VS Code 창을 보여줍니다. 192.168.9.86.

원격 호스트에 연결 — 작성자의 스크린샷

원격 시스템에 연결하면 "폴더 열기"를 클릭하여 원격 시스템의 디렉토리를 열 수 있습니다. 또한 최근 연결 및 원격 디렉토리 목록을 제공하는 사이드바에 새로운 아이콘이 있음을 확인하십시오.

원격 디렉토리 열기 — 작성자의 스크린샷

이 확장을 설치하고 시작하는 것은 간단합니다. VS Code의 "Extensions"로 이동하여 "SSH"를 검색한 다음 Microsoft 확장 프로그램에서 "Install"을 클릭하십시오. Remote-SSH. 그게 다야! VS Code를 다시 시작할 필요도 없습니다.

확장 프로그램 설치 — 작성자별 스크린샷

확장 프로그램이 설치되면 VS Code 창의 왼쪽 하단 모서리에 있는 녹색 막대를 클릭하여 연결을 시작합니다.

연결하려면 녹색 막대를 클릭하세요 — 작성자별 스크린샷

그런 다음 수동으로 입력할 수 있습니다. user@host 또는 "새 SSH 호스트 추가..."를 클릭하여 아래 스크린샷과 같이 자주 방문하는 호스트에 책갈피를 만듭니다.

사용자 이름 및 호스트 이름 지정 — 작성자별 스크린샷

학교를 위해 매주 Raspberry Pi에서 소규모 C 프로젝트를 진행했지만 사용하지 않았습니다. vi 또는 nano 이 VS Code 확장을 설치한 후 한 번이라도.

저는 언어 확장에 대한 액세스, git 및 GitHub에 대한 통합, 심지어는 마우스를 사용하는 것만으로도 가치가 있습니다!

그만큼 Remote-SSH VS Code용 확장은 저에게 소중한 도구이며 여러분도 똑같이 가치를 느끼기를 바랍니다.

반응형