원격 SSH 플러그인을 통해 Visual Studio 코드를 사용하여 원격 개발 방법

원격 SSH 플러그인을 통해 Visual Studio 코드를 사용하여 원격 개발 방법

2022-05-31 last update

8 minutes reading Development Ubuntu 18.04 VS Code

소개


Visual Studio Code는 개발자가 자주 사용하는 통합 개발 환경(IDE)입니다.그것의 플러그인은 종류가 다양하고 디자인이 간단하며 크로스 플랫폼을 지원하는 것이 모든 단계의 개발자들의 이상적인 선택이다.이 강좌는 어떻게 Remote-SSH 플러그인을 사용하여 원격 소프트웨어 개발을 실현하는지 중점적으로 소개한다.이 플러그인을 사용하면 로컬 워크스테이션에서 파일을 편집할 수 있지만 프로그램 실행, 단원 테스트, 정적 분석 등 원격 서버에서 개발 작업을 실행할 수 있습니다.
이것은 아마도 너에게 유익한 원인이 매우 많을 것이다.예를 들어, Windows에서 개발하려는 Windows 워크스테이션이 있을 수 있지만, 코드는 결국 Linux에서 실행됩니다.현재 컴퓨터에서 사용할 수 있는 메모리나 처리 능력보다 더 많은 메모리나 처리 능력이 필요하거나, 회사 정책이나 워크스테이션의 저장 상태를 유지하기 위해서, 코드를 개인 컴퓨터에서 삭제하기를 원할 수도 있습니다.
이 강좌에서 원격 SSH 플러그인을 사용하여 Visual Studio 코드를 구성하여 원격 서버에서 코드를 실행하고 원격 서버에서 로컬 Visual Studio 코드 설치의 코드를 실행합니다.

선결 조건


이 안내서를 따르려면 다음이 필요합니다.
  • Windows, MacOSX 또는 Linux를 실행하는 로컬 개발 컴퓨터입니다.이 강좌는 ChromeOS 장치에는 적용되지 않습니다.
  • Visual Studio 코드는 official web site 에서 다운로드하여 설치할 수 있습니다.
  • 생성된 SSH 키 쌍:
  • macOS나 Linux를 사용하는 경우 How to Set Up SSH Keys on Ubuntu 20.04 의 1단계를 따를 수 있습니다.명령은 같으니 Ubuntu 18.04를 위한 것이라고 걱정하지 마세요.
  • Windows를 사용하는 경우 자습서How to Create SSH Keys with PuTTY on Windows에 따라 SSH 키를 만듭니다.
  • Digital Ocean을 사용하는 경우 How to Upload SSH Public Keys to a DigitalOcean Account 지침에 따라 작업할 수 있습니다.
  • 비루트sudo 사용자와 방화벽을 포함하여 다음 프로그램the Ubuntu 18.04 initial server setup guide에 의해 설정된 Ubuntu 18.04 서버입니다.
  • 1단계 - 원격 SSH 플러그인 설치


    Extensions Marketplace에서 다양한 도구와 프로그래밍 언어의 지원 확장과 제3자 확장을 다운로드할 수 있습니다.여기서 원격 SSH 플러그인을 검색하고 설치합니다.
    IDE 왼쪽에는 수직으로 다섯 개의 아이콘이 있습니다.아래쪽의 아이콘은 네모난 상자의 네 개의 정사각형처럼 보이고 오른쪽 상단의 정사각형이 펼쳐져 있습니다. 이것은 Extensions Marketplace의 아이콘입니다.

    또한 Ctrl+Shift+X 키를 눌러 이 섹션에 액세스할 수 있습니다.이 페이지를 열면 다운로드와 설치를 권장하는 플러그인을 볼 수 있습니다.
    확장 시장을 연 후 시장 검색 모음의 검색 확장에 Remote-SSH 을 입력합니다.플러그인을 찾은 후 선택하고 녹색 설치 단추를 누르면 확장자를 설치합니다.

    확장이 설치되었습니다.서버에 연결할 수 있도록 확장을 설정합니다.

    2단계 - 원격 SSH 플러그인을 구성하여 서버에 연결


    서버에 연결하도록 설정할 수 있는 플러그인이 설치되어 있습니다.이를 위해서는 다음과 같은 정보가 필요합니다.
  • 서버의 IP 또는 호스트 이름입니다.
  • 연결할 사용자 이름입니다.
  • 사용자의 신분을 검증하는 개인 키입니다.
  • 이 정보를 사용하여 SSH 구성 파일을 만듭니다. Visual Studio 코드는 이 파일을 사용하여 SSH를 통해 서버에 연결하여 파일을 동기화하고 코드를 실행할 수 있습니다.Visual Studio 코드를 사용하여 이 구성을 생성합니다.
    원격 SSH 플러그인이 설치되어 있으며 Visual Studio 코드 인터페이스의 왼쪽 아래에 녹색 작은 상자가 표시됩니다.마우스 포인터를 상자 위에 놓으면 팝업 창에 원격 창 열기가 표시됩니다.이 버튼은 아래 그림과 같이 호보다 약간 낮은 ><의 큰 호처럼 보입니다.

    이 단추를 누르면 위쪽 중간에 대화상자가 표시됩니다.목록에서 원격 SSH 선택: 구성 파일 열기...:

    다음 프롬프트에서는 어떤 프로파일을 열지 묻는 메시지가 표시됩니다.Windows에 있는 경우 개인 사용자 디렉토리에 있고 SSH에 설치되어 있는 두 위치를 볼 수 있습니다.서버를 구성할 때 사용자 디렉토리의 파일을 사용해야 합니다.
    이 파일을 선택하면 편집기가 config 파일을 엽니다.파일에 다음 코드를 추가하여 서버와의 연결을 정의하고 강조 표시된 부분을 서버 정보로 대체합니다.
    프로비저닝
    Host my_remote_server
        HostName your_server_ip_or_hostname
        User sammy
        IdentityFile /location/of/your/private/key
    
    다음은 이 구성 파일의 작업 방식입니다.
  • Host: 호스트의 이름을 지정합니다.이렇게 하면 서버에 연결할 때 전체 IP 주소나 호스트 이름 대신 짧은 이름이나 줄임말을 사용할 수 있습니다.
  • HostName: 서버의 실제 호스트 이름입니다. IP 주소 또는 완전히 제한된 도메인 이름입니다.
  • User: 연결에 사용할 사용자입니다.
  • IdentityFile: SSH 개인 키 경로입니다.Mac과 Linux 시스템에서는 보통 .ssh 라고 불리는 홈 디렉터리의 숨김 id_rsa 디렉터리에서 찾을 수 있습니다.Windows에 있는 경우 putty-gen 를 사용하여 파일을 만들 때 파일을 저장할 위치를 지정했습니다.
  • 파일에 적절한 값을 지정하고 파일을 저장합니다.
    서버에 연결할 수 있도록 Visual Studio 코드가 구성되었습니다.왼쪽 아래에 있는 녹색 "원격 창 열기"단추를 누르고 원격 SSH: 호스트에 연결...

    이 작업이 완료되면 사용 및 구성된 모든 서버가 드롭다운 메뉴에 표시됩니다.목록에서 연결할 서버를 선택합니다.
    이 서버에 컴퓨터에서 처음 접속한 경우 다음 그림과 같이 SSH 지문 확인 대화 상자가 나타날 수 있습니다.

    이것은 당신이 진정으로 자신이 옳다고 생각하는 서버에 연결할 수 있도록 하기 위해서입니다.서버에 수동으로 로그인하여 실행ssh-keygen -l -f /etc/ssh/ssh_host_key.pub하여 서버의 지문을 확인할 수 있습니다.이 지문이 Visual Studio 코드에 표시되는 지문과 동일한 경우 원하는 서버에 연결되어 있으므로 계속을 클릭합니다.
    Visual Studio 코드는 기본적으로 새 연결을 만들 때 새 창을 엽니다.새 창이 시작 화면과 함께 나타납니다.왼쪽 아래에 있는 녹색 상자 SSH: your_ip_address_or_hostname 를 보면 연결이 성공했음을 알 수 있습니다.이것은 Visual Studio 코드가 연결되어 있고 원격 서버와 통신하고 있음을 의미합니다.

    편집기에서 명령과 코드를 실행할 수 있도록 연결되었습니다.

    3단계 - 원격 서버에서 코드 실행


    원격 SSH 플러그인은 이미 설정되어 있으니, 원격 기계에서 코드를 실행할 때가 되었다.Visual Studio 창 상단의 탐색 모음에서 터미널을 선택한 다음 새 터미널을 클릭하여 터미널 창을 엽니다.단자를 열려면 CTRL+Shift+` 키를 누릅니다.열려 있는 터미널은 로컬 컴퓨터의 터미널이 아니라 원격 서버의 터미널입니다.
    터미널이 열리면 다음 명령을 실행하여 서버의 IP 주소를 확인하여 원격 서버에 접속했는지 확인합니다.
    1. ip addr
    터미널에서 다음 출력을 볼 수 있습니다.
    Output
    1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000 link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00 inet 127.0.0.1/8 scope host lo valid_lft forever preferred_lft forever inet6 ::1/128 scope host valid_lft forever preferred_lft forever 2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc fq_codel state UP group default qlen 1000 link/ether 16:cb:05:5b:30:f1 brd ff:ff:ff:ff:ff:ff inet your_server_ip brd your_broadcast_address scope global eth0 valid_lft forever preferred_lft forever ...
    원격 코드를 실행하는 능력을 테스트하려면 편집기에서 hello.py 라는 새 Python 파일을 만듭니다.원격 서버에 연결하면 Visual Studio 코드를 통해 생성된 모든 파일이 로컬 컴퓨터가 아닌 서버에 저장됩니다.
    파일에 다음 내용을 추가합니다.
    안녕하세요.회사 명
    print("Hello Sammy!")
    
    서버에서 이 프로그램을 실행하려면 탐색 메뉴 또는 키 순서 CTRL+Shift+` 를 눌러 Visual Studio 코드로 터미널을 엽니다.이 터미널 세션이 원격 서버에 연결되어 있으므로 터미널에서 다음 명령을 실행하여 hello.py 프로그램을 실행하십시오.
    1. python3 hello.py
    프로그램의 출력이 표시됩니다.

    디버그 컨텍스트 메뉴에서 Run without Debug를 선택하여 파일을 실행할 수도 있습니다.
    참고: Visual Studio 코드에 Python 확장과 같은 개발 확장자가 설치되어 있으면 확장 시장을 통해 서버에 이 확장자를 다시 설치해야 합니다.이전에 Visual Studio 코드에 이 플러그인을 설치한 경우 다시 검색하면 Install on SSH:hostname 이 표시됩니다.Visual Studio 코드가 플러그인을 설치하고 파일을 만들기 때문에 항상 개발 환경에 주의하십시오.이 플러그인을 설치하지 않은 상태에서 코드를 실행하려고 하면 화면 오른쪽 아래에 원격 서버에 이 플러그인을 설치하라는 오류 대화상자가 나타납니다.설치가 완료되면 Visual Studio 코드를 다시 로드해야 할 수도 있습니다.재부팅하면 수동으로 재접속할 필요 없이 원격 서버에서 계속 작동합니다.

    결론


    이제 SSH를 사용하여 원격 서버에서 개발할 수 있도록 Visual Studio 코드를 구성했습니다.IDE의 원격 실행은 코드가 서로 다른 운영체제와 하드웨어 규격에서 어떻게 작동하는지 신속하게 테스트할 수 있는 등 많은 장점을 제공한다.인터넷 연결만 있으면 서버에 연결하고 모든 컴퓨터에서 코드를 처리할 수 있습니다. Windows를 주요 운영체제로 실행하더라도 Linux 환경을 사용하여 개발할 수 있습니다.