연습 - Visual Studio Code UI에서 원격 - 터널 사용

완료됨

이 연습에서는 Visual Studio Code UI를 사용하여 원격 - 터널 액세스를 사용하도록 설정합니다.

원격 - 터널 익스텐션 설치

  1. Visual Studio Code를 시작하고 TestUI 폴더를 엽니다.

    Visual Studio Code TestUI 폴더의 스크린샷

  2. 익스텐션으로 이동합니다. Visual Studio Code의 Marketplace 원격 – 터널 익스텐션을 설치합니다.

    1. 창 옆의 작업 표시줄에서 익스텐션 아이콘을 선택합니다.
    2. 원격 - 터널을 검색합니다.
    3. 설치를 선택합니다.

    익스텐션에서 원격 - 터널 검색의 스크린샷 Marketplace.

  3. Visual Studio Code를 다시 시작하라는 메시지가 표시되면 다시 시작합니다.

  4. Visual Studio Code 계정 이미지를 선택하고 원격 터널 액세스를 켭니다.

    원격 터널 액세스 켜기의 스크린샷

  5. 이 세션 켜기를 선택합니다.

    이 세션 켜기 프롬프트의 스크린샷

  6. 로그인하라는 메시지가 나타납니다.

    로그인 프롬프트의 스크린샷

  7. 로그인하면 현재 컴퓨터에서 터널이 시작되므로 이 컴퓨터에 원격으로 연결할 수 있습니다.

  8. 터널 링크의 팝업에서 클립보드에 브라우저 링크 복사를 선택하고 저장합니다.

    링크를 자신에게 이메일로 보내거나 나중에 사용할 수 있도록 안전한 온라인 문서에 저장할 수 있습니다.

    터널 링크의 스크린샷

  9. 선택한 다른 컴퓨터(클라이언트)로 이동하여 링크를 검색합니다. 브라우저에서 이전 단계의 터널 링크를 붙여넣습니다.

    클라이언트는 웹 브라우저를 실행할 수 있고 휴대폰, 태블릿 또는 다른 컴퓨터와 같이 인터넷에 액세스할 수 있는 모든 디바이스입니다.

  10. 터널을 시작하고 코딩을 시작하는 데 사용한 계정을 확인합니다.

    터널을 시작하는 데 사용한 계정을 선택하라는 프롬프트의 스크린샷

    클라이언트 뷰의 스크린샷

vscode.dev로 이동하면 브라우저에서 완전히 실행되는 간단한 버전의 Visual Studio Code에 액세스합니다. 이 버전을 웹용 Visual Studio Code(또는 vscode.dev)라고 합니다. 이 단계를 통해 로컬 컴퓨터에서 폴더를 열고 설치 없이 코딩을 시작할 수 있습니다.

참고 항목

원격 컴퓨터는 Visual Studio Code가 실행되는 동안 터널을 통해서만 연결할 수 있습니다. Visual Studio Code를 종료한 후에는 Visual Studio Code를 다시 시작하거나 코드 터널 CLI 명령을 실행할 때까지 터널링을 수행할 수 없습니다.