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クエリ速度を最適化する方法

推薦する

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

Navicat 経由で MySQL にリモート接続する方法

Navicat を使用して IP 経由で直接接続すると、次のようなさまざまなエラーが報告されます: ...

MySQLデータ移行方法とツールの分析

この記事は主にMySQLデータ移行方法とツールの分析を紹介します。サンプルコードを通じて詳細に紹介さ...

プライベートレジストリ内の画像を照会または取得する方法

Dockerはプライベートレジストリ内のイメージを照会または取得するために、 docker 検索 1...

MySQL学習エンジンの詳細な説明、説明、権限

エンジン導入InnodbエンジンInnodb エンジンは、データベース ACID トランザクションを...

MySQL が group by をサポートしない場合の解決策の概要

MySQL 5.7.x の最新バージョンをダウンロードしてインストールしました。デフォルトでは、on...

ウェブデザイナーが持つべき7つのスキル

Web デザインは科学であると同時に芸術でもあります。 Web デザイン作業は、半分は適切なプログラ...

JS ES6コーディング標準の詳細な説明

目次1. ブロックスコープ1.1. let は var を置き換える1.2. グローバル定数とスレッ...

Docker ベースの ELK を素早く構築する方法

[概要] この記事では、自作の Docker プラットフォームをベースに完全な ELK システムを素...

TypeScript マッピング型の詳細

目次1. マップされた型2. マッピング修飾子3. キーの再マッピング4. さらなる探究序文: Ty...

jQueryは時間セレクタを実装する

この記事の例では、参考までに時間セレクターを実装するためのjQueryの具体的なコードを共有していま...

Linuxのファイル操作の知識ポイントを詳しく解説

ファイル操作に関連するシステムコール作成するint creat(const char *ファイル名,...

div+css3 を使用して背景グラデーション ボタンを実装するためのサンプル コード

フロントエンド ページの需要が増加し続けるにつれて、一部のシーンではグラデーションの背景要素が必要に...

Vue+ElementUI Treeの使い方

Vue+ElementUI Treeの使い方は参考までに。具体的な内容は以下のとおりです。 フロント...

vue.config.js からプロジェクト最適化までの vue2.x 構成

目次序文vue.config.js 構成オプションパッケージサイズを縮小するためのパッケージの最適化...