AWS LightSail에 서버 환경 구축 및 VSCode로 개발
TL;DR
AWS Lightsail 인스턴스 시작 ~ VSCode에서 ssh 연결을 시도합니다. 이미지 많이 보내드립니다.
환경 구축계는 늪하기 쉽기 때문에, 비슷한 기사는 그 밖에도 있습니다만 자신용으로 기록.
덧붙여 Lightsail에 한정하지 않고 EC2등에서도(접속의 부분에 관해서는) 같은 순서가 됩니다. 여기 또는 여기 참조.
환경
Windows10
브라우저에서 작업
Lightsail 열기
계정이 생성되었다고 가정합니다. 먼저 로그인하고 빨간색 원 클릭.

가이드에 따라 인스턴스 생성
그런 다음 LightSail 페이지에서 인스턴스 만들기를 클릭합니다 (처음의 경우 중간에 크게 나타납니다.)

그리고는 가이드를 따르면서 포치포치로 작성합시다. 이번에는 OS에 Linux, 환경에 Node.js를 선택했습니다. 여기는 기호로.
※LightSail은 최소 플랜이라면 3.5USD부터이므로 그다지 문제는 일어나지 않겠지만, 요금은 확실히 봅시다. 첫 달 무료 테두리가 있습니다.

이번은 어디까지나 완구이므로, 최소 플랜을 선택입니다.
이제 인스턴스를 만들었습니다.
개인 키 DL
만든 인스턴스의 이름을 클릭한 다음 빨간색 원을 클릭합니다.
이때 '공용 IP'와 '사용자 이름'을 삼가해 주십시오. SSH 연결할 때 필요합니다.
※보충:일부 일부러 숨겼습니다만, 유저명은 기본 bitnami
네요.

또한 대상에서 빨간색 원 클릭.

다운로드된 파일(LightsailDefaultKey-ap-northeast-1.pem)은 나중에 필요합니다.C:\Users\ユーザ名\.ssh\
부하당 두어 둡시다.
여기까지 브라우저측에서의 작업은 완료입니다. 수고하셨습니다.
VSCode에서 작업
Remote - SSH 설치
확장 프로그램 아이콘을 클릭하고 검색 필드에 'ssh'를 입력합니다. 아마 맨 위에 나오는 아래의 확장 기능을 설치합시다.

ssh 구성 파일 작성
설치가 끝나면 VSCode 왼쪽 하단에 나오는 "> <"같은 귀여운 아이콘을 클릭하십시오. 그러면 이런 화면이 됩니다.

Remote-SSh:Open Configuration File...
를 클릭하여 구성 파일을 선택합니다.
Windows의 경우 C:\Users\ユーザ名\.ssh\config
그렇지 않은 경우 파일을 만듭니다.
작성한 파일에, 이하를 기입. 여기에서 브라우저 측에서 앞둔 "공개 IP""사용자 이름""비밀 키 파일"을 사용합니다.
Host lightsail1(ここは自由にわかりやすい名前で)
HostName パブリックIP
User bitnami
IdentityFile C:\Users\ユーザー名\.ssh\LightsailDefaultKey-ap-northeast-1.pem(先ほどダウンロードした秘密鍵のパス)
이것으로 설정이 완료됩니다.
연결
파일을 저장한 후 다시 "><"를 클릭합니다. 이제 Remote-SSh:Connect To Host...
를 클릭하십시오.
방금 Host에서 지정한 이름이 선택에 나올 것. 이것을 클릭합시다.

그러면 다른 창이 시작됩니다. 잘하면 이것으로 연결 작업이 완료됩니다.
나중에 언제나처럼 터미널에서 명령을 두드리고 디렉토리를 만들고 "폴더 열기"에서 작업 폴더를 엽니 다. 수고하셨습니다.
Reference
이 문제에 관하여(AWS LightSail에 서버 환경 구축 및 VSCode로 개발), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/AsazuTaiga/items/6f1ba65897ddaf7b48b4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Windows10
브라우저에서 작업
Lightsail 열기
계정이 생성되었다고 가정합니다. 먼저 로그인하고 빨간색 원 클릭.

가이드에 따라 인스턴스 생성
그런 다음 LightSail 페이지에서 인스턴스 만들기를 클릭합니다 (처음의 경우 중간에 크게 나타납니다.)

그리고는 가이드를 따르면서 포치포치로 작성합시다. 이번에는 OS에 Linux, 환경에 Node.js를 선택했습니다. 여기는 기호로.
※LightSail은 최소 플랜이라면 3.5USD부터이므로 그다지 문제는 일어나지 않겠지만, 요금은 확실히 봅시다. 첫 달 무료 테두리가 있습니다.

이번은 어디까지나 완구이므로, 최소 플랜을 선택입니다.
이제 인스턴스를 만들었습니다.
개인 키 DL
만든 인스턴스의 이름을 클릭한 다음 빨간색 원을 클릭합니다.
이때 '공용 IP'와 '사용자 이름'을 삼가해 주십시오. SSH 연결할 때 필요합니다.
※보충:일부 일부러 숨겼습니다만, 유저명은 기본 bitnami
네요.

또한 대상에서 빨간색 원 클릭.

다운로드된 파일(LightsailDefaultKey-ap-northeast-1.pem)은 나중에 필요합니다.C:\Users\ユーザ名\.ssh\
부하당 두어 둡시다.
여기까지 브라우저측에서의 작업은 완료입니다. 수고하셨습니다.
VSCode에서 작업
Remote - SSH 설치
확장 프로그램 아이콘을 클릭하고 검색 필드에 'ssh'를 입력합니다. 아마 맨 위에 나오는 아래의 확장 기능을 설치합시다.

ssh 구성 파일 작성
설치가 끝나면 VSCode 왼쪽 하단에 나오는 "> <"같은 귀여운 아이콘을 클릭하십시오. 그러면 이런 화면이 됩니다.

Remote-SSh:Open Configuration File...
를 클릭하여 구성 파일을 선택합니다.
Windows의 경우 C:\Users\ユーザ名\.ssh\config
그렇지 않은 경우 파일을 만듭니다.
작성한 파일에, 이하를 기입. 여기에서 브라우저 측에서 앞둔 "공개 IP""사용자 이름""비밀 키 파일"을 사용합니다.
Host lightsail1(ここは自由にわかりやすい名前で)
HostName パブリックIP
User bitnami
IdentityFile C:\Users\ユーザー名\.ssh\LightsailDefaultKey-ap-northeast-1.pem(先ほどダウンロードした秘密鍵のパス)
이것으로 설정이 완료됩니다.
연결
파일을 저장한 후 다시 "><"를 클릭합니다. 이제 Remote-SSh:Connect To Host...
를 클릭하십시오.
방금 Host에서 지정한 이름이 선택에 나올 것. 이것을 클릭합시다.

그러면 다른 창이 시작됩니다. 잘하면 이것으로 연결 작업이 완료됩니다.
나중에 언제나처럼 터미널에서 명령을 두드리고 디렉토리를 만들고 "폴더 열기"에서 작업 폴더를 엽니 다. 수고하셨습니다.
Reference
이 문제에 관하여(AWS LightSail에 서버 환경 구축 및 VSCode로 개발), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/AsazuTaiga/items/6f1ba65897ddaf7b48b4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Remote - SSH 설치
확장 프로그램 아이콘을 클릭하고 검색 필드에 'ssh'를 입력합니다. 아마 맨 위에 나오는 아래의 확장 기능을 설치합시다.

ssh 구성 파일 작성
설치가 끝나면 VSCode 왼쪽 하단에 나오는 "> <"같은 귀여운 아이콘을 클릭하십시오. 그러면 이런 화면이 됩니다.

Remote-SSh:Open Configuration File...
를 클릭하여 구성 파일을 선택합니다.Windows의 경우
C:\Users\ユーザ名\.ssh\config
그렇지 않은 경우 파일을 만듭니다.작성한 파일에, 이하를 기입. 여기에서 브라우저 측에서 앞둔 "공개 IP""사용자 이름""비밀 키 파일"을 사용합니다.
Host lightsail1(ここは自由にわかりやすい名前で)
HostName パブリックIP
User bitnami
IdentityFile C:\Users\ユーザー名\.ssh\LightsailDefaultKey-ap-northeast-1.pem(先ほどダウンロードした秘密鍵のパス)
이것으로 설정이 완료됩니다.
연결
파일을 저장한 후 다시 "><"를 클릭합니다. 이제
Remote-SSh:Connect To Host...
를 클릭하십시오.방금 Host에서 지정한 이름이 선택에 나올 것. 이것을 클릭합시다.

그러면 다른 창이 시작됩니다. 잘하면 이것으로 연결 작업이 완료됩니다.
나중에 언제나처럼 터미널에서 명령을 두드리고 디렉토리를 만들고 "폴더 열기"에서 작업 폴더를 엽니 다. 수고하셨습니다.
Reference
이 문제에 관하여(AWS LightSail에 서버 환경 구축 및 VSCode로 개발), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/AsazuTaiga/items/6f1ba65897ddaf7b48b4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)