VSCode の Remote-SSH を使用して Linux に接続し、リモート開発を行う

VSCode の Remote-SSH を使用して Linux に接続し、リモート開発を行う

Remote-SSHをインストールして設定する

まず VSCode を開き、拡張機能を見つけて、Remote を検索し、Remote-Development プラグインをダウンロードすると、Remote-SSH を含む他の Remote プラグインが自動的にインストールされます。


設定に移動し、 sshを検索し、拡張機能の Remote-SSH でShowLoginTerminalオプションを見つけて選択します。接続時に、ターミナルで yes またはパスワードなどの入力が求められるためです。


次に、Linux サーバーのアドレス情報を設定する必要があります。CTRL CTRL+SHIFT+Pを押してsshを検索し、 Open Configuration Fileオプションを見つけます。


次に住所情報を入力します:

Linux への OpenSSH サーバーの導入と設定

ウブントゥ

// 最初にアンインストールします sudo apt-get remove openssh-server
//インストール sudo apt-get install openssh-server

//sshd サービスを再起動します sudo service ssh --full-restart
// sudo systemctl enable ssh を自動的に開始します

セントOS

//インストール yum install -y openssl openssh-server

//sshd サービスを再起動します systemctl restart sshd.service

// systemctl enable sshd を自動的に起動します

設定ファイルの編集

設定ファイルのバックアップ

sudo cp /etc/ssh/sshd_config /etc/ssh/sshd_config.backup

設定ファイルの編集

sudo vim /etc/ssh/sshd_config

構成ファイルに次の構成を追加します。

ポートはカスタマイズ可能



パスワードでログイン


保存後、sshd サーバーを再起動します。再起動コマンドは上記に記載されています。

パスワードを使用してSSHに接続する

設定した Linux サーバーを見つけます。


パスワードを入力して Enter キーを押します。


次に、フォルダーを開いてコードの記述を開始します。


CTRL + SHIFT + ~を使用してターミナルを呼び出すと、ターミナルでコマンドを操作したり、ファイルを開いたりしてコードを記述することができます。

キーを使用してパスワードなしでログイン

クライアント構成

ローカルの Windows オペレーティング システムに ssh がインストールされていることを確認します。
SSH キー ペアを生成します。

ssh-keygen -t rsa -b 4096

(-b 4096 は、生成される RSA キー ペアの長さが 4096 ビットであることを意味します) このコマンドを入力すると、キー ファイルが生成されるディレクトリを指定するように求められます。この手順をスキップするには、Enter キーを押します。生成されるディレクトリはc:\user\WINDSUN\.ssh id-rsaid-rsa.pub 2 つのファイルが生成されます。最初のファイルは秘密キー ファイルで、2 番目のファイルは公開キー ファイルです。ユーザー名は、自分のコンピューターのユーザー名です。

サーバー側の設定

sshサービスが開始されているかどうかを確認する

netstat -ntlp | grep ssh

設定ファイルを変更する

vim /etc/ssh/sshd_config

ここで最も重要なことは、キーベースの認証を使用したログインを許可するには、 PubkeyAuthentication yesに設定する必要があることです。
最後に、クライアントの公開鍵id-rsa.pubファイルを対応するユーザーのルートディレクトリの.sshフォルダにアップロードし、.sshと入力して公開鍵の内容をauthorized_keysファイルにコピーします。

cp id_rsa.pub 承認キー

次に、対応するファイルの権限を設定します

chmod 700 .ssh
chmod 600 .ssh/承認済みキー

VS リモートSSHプラグインの設定

vscode の Remote - SSH プラグイン構成ファイルを設定します。

ホスト アリユン
  ホスト名 XXXX
  ユーザー XXX
  アイデンティティファイル C:\Users\WINDSUN\.ssh\id_rsa

発生した問題

パイプラインエラーが報告された場合、次のような問題が考えられます。

  • Linux サーバーの ssh 設定に問題があります。設定を変更して問題が解決するかどうかをテストします。
  • サーバー上に作成された「.vscode-server」ディレクトリを削除します。これは、ホーム ディレクトリに作成された隠しディレクトリです (「ls -la」を使用すると、すべてのファイルを表示できると思います)。そこに間違ったデータがキャッシュされている可能性があるので、ディレクトリを削除すると状況がかなり改善されます。削除後、vscode でリモート SSH 経由で再接続を試みることができます。
  • それでもうまくいかない場合は、FTPを使用してローカル公開鍵をLinuxに再度アップロードし、それをauthorized_keysファイルにコピーし、権限を設定し、SSHサーバーを再起動して再接続してみてください。

予防

公開鍵を使用して Linux に初めて接続する場合、パスワードの入力を求められることがあります。接続が完了すると、ユーザーの .ssh ディレクトリに known_hosts ファイルが生成されます。このディレクトリには、公開鍵と秘密鍵 id-rsa.pub と id-rsa も含まれています。次に、公開鍵をサーバーにアップロードし、上記のコピーを .ssh/authorized_keys に繰り返し、権限をリセットして、Linux に再度接続してみます。パスワードを再度入力する必要はありません。

VSCode の Remote-SSH を使用して Linux に接続し、リモート開発を行う方法についての記事はこれで終わりです。VSCode の Remote-SSH を使用して Linux に接続する方法についての詳細は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • リモート SSH 経由で vscode にリモート接続して設定する方法
  • VSCode で Remote-SSH プラグインを使用する方法
  • VScode リモート SSH リモート編集とデバッグコード
  • Win10 で VScode リモート開発 ssh-remote を構成する (パスワードなしのログイン)

<<:  fullpage.js フルスクリーンスクロールの具体的な使い方

>>:  MySQLクエリ速度を最適化する方法

推薦する

Nginxを使ってサーバー内で複数コンテナの共存を実現する方法

背景Tencent Linux クラウド ホストがあり、その上に Docker (ServiceDo...

HTML テーブル データを Json 形式に変換するサンプル コード

<table>テーブルデータをJSON形式に変換するJavaScript関数は次のとおり...

Vue プロジェクトで TypeScript クラスを適用する方法

目次1. はじめに2. 使用1. @コンポーネント2. 計算、データ、方法3. @props 4. ...

純粋な HTML ページを送信し、パラメータを渡し、ID を確認する方法

プロジェクトにはアンケートが必要ですが、クライアントはアンケートのタイトルが純粋なHTMLタグでなけ...

JavaScript オブジェクトの 3 つのプロパティ

目次1. 書き込み可能: 書き込み可能2. 列挙可能: 列挙可能3. 設定可能: 設定可能オブジェク...

Docker - コンテナマウントディレクトリを変更する3つの方法のまとめ

方法 1: 設定ファイルを変更する (docker サービスを停止する必要があります) 1. doc...

IDEA 2020 で Tomcat サーバーを構成するための詳細な手順

IDEA 2020 で Tomcat を構成する手順は次のとおりです。最初のステップはTomcatを...

JavaScript 配列メソッド - 体系的な概要と詳細な説明

目次一般的な配列メソッド配列要素の追加と削除配列ヘッダーの操作配列の末尾を操作する任意の場所に追加ま...

IE8対応のボーダー半径処理方法

canisue (http://caniuse.com/#search=border-radius)...

Dockerでの接続例外中のエラーを解決する

Docker を初めて使い始めると、通常とは異なる問題に遭遇して、必然的に混乱してしまいます。大丈夫...

shtmlとhtmlの違い

Shtml と asp は似ています。shtml という名前のファイルでは、asp の命令と同様に、...

HTML タグのメタ概要、HTML5 のヘッド メタ属性の概要

序文metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うで...

プロジェクトのフロントエンドとバックエンドでの Echart チャートの使用に関する詳細な説明

目次序文1. プロジェクトアーキテクチャ2. Echart公式サイトにアクセスして自己分析を学ぶ2....

JS を使って CSS3 で丸い角を実装する方法

IE で CSS3 を使用して角を丸くする方法を探していたときに、例を見つけました。まだテストして...

MySQLの整数データ型tinyintの詳細な説明

目次1.1Tinyint型の説明1.2 練習環境の説明1.3 未署名属性の追加1.3.1 SQLモー...