目次
前に書く
SSH サーバーの構成
SSH サーバーへの接続
Remote-SSH を介した接続
ホームページ 開発ツール VSCode リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

Jul 18, 2022 pm 08:16 PM
vscode

この記事では、VSCode リモート開発について説明し、SSH と VSCode を使用して超快適なリモート開発エクスペリエンスを得る方法を紹介します。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

前に書く

最近、会社は、 リモートを使用しているかどうかにかかわらず、リモート開発を必要とするアウトソーシング プロジェクトを抱えています。制御ソフトウェア それはまだ Microsoft の リモート デスクトップ接続 です。エクスペリエンスはあまり良くなく、非常に不快に感じます。特に Microsoft の リモート デスクトップ接続 は 1 人しか使用できません。 、よく発生します あなたが私を圧迫し、私があなたを圧迫するという現象は、1年前に開発のためにSSHを使用してLinuxにリモート接続したことを思い出させました、今回は開発のためにWindowsにリモート接続します。

デバイスのバージョンは次のとおりです。

  • リモート コントロール コンピューター: Win11

  • リモート コントロール コンピューター: Win10

  • VSCode バージョン: 1.67.2

  • リモート - SSH バージョン: 0.80.0

【推奨学習: 「vscode 入門チュートリアル 」]

SSH サーバーの構成

まず、OpenSSH サーバーをインストールする必要があります。 Win10 システムである場合、インストールは比較的簡単です:

最初のステップは、[設定] を開き、ショートカット キー [Win i] を開き、[アプリケーション] → [アプリケーション] を見つけます。 [および機能] → [オプション機能の管理] ]Enter;

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

2 番目のステップは、OpenSSH サーバーをインストールすることです。OpenSSH サーバーがリストに存在する場合は、インストールが完了していることを意味します。それ以外の場合は、[機能の追加] をクリックして、OpenSSH サーバーを見つけます。インストール;

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

# インストール中、下に進行状況バーが表示されます。辛抱強く待ちます。 。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

コマンド ライン インストール を使用する場合は、まず管理者として PowderShell を開き、次に次のコマンドを順番に実行します。

# 获取SSH软件名称
Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'
ログイン後にコピー

出力結果は次のとおりです:

Name  : OpenSSH.Client~~~~0.0.1.0
State : NotPresent
Name  : OpenSSH.Server~~~~0.0.1.0
State : NotPresent
ログイン後にコピー

最初のものは SSH クライアントを表し、2 つ目は SSH サーバーを表します

ここで SSH サーバーをインストールします。Win10 では、次のように SSH クライアントをインストールします。インストール コマンドは次のとおりです :

Add-WindowsCapability -Online -Name OpenSSH.Server~~~~0.0.1.0
ログイン後にコピー

出力内容は次のようになり、インストールが成功したことを意味します

Path          :
Online        : True
RestartNeeded : False
ログイン後にコピー

3 番目のステップは、SSHD サービスを開始することです。 PowerShell コマンド名を開き、次のコマンドを入力します:

Start-Service sshd
ログイン後にコピー

4 番目のステップは、サービスが自動的に開始するように設定することです。

Set-Service -Name sshd -StartupType 'Automatic'
ログイン後にコピー

最後のステップは、ファイアウォールで SSH を構成することです。次のコマンドを PowerShell にコピーするだけです:

if (!(Get-NetFirewallRule -Name "OpenSSH-Server-In-TCP" -ErrorAction SilentlyContinue | Select-Object Name, Enabled)) { Write-Output "Firewall Rule 'OpenSSH-Server-In-TCP' does not exist, creating it..." New-NetFirewallRule -Name 'OpenSSH-Server-In-TCP' -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction Inbound -Protocol TCP -Action Allow -LocalPort 22 } else { Write-Output "Firewall rule 'OpenSSH-Server-In-TCP' has been created and exists." }
ログイン後にコピー

SSH サーバーへの接続

次に、自分のコンピューターで SSH コマンドを使用して WIndows サーバーに接続します。前に設定しました。デバイスが Mac、Windows、Linux のいずれであっても、ssh コマンドがあれば接続できます。

ここでは Win11 を使用しています。コマンドは次のとおりです。

ssh administrator@0.0.0.0
ログイン後にコピー

ここの administrator はユーザー名を表し、0.0.0.0 はユーザー名を表します。サーバのIPアドレス。

入力を完了した後、正常に接続するには、まず yes を入力し、次にパスワードを入力する必要があります。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

Remote-SSH を介した接続

最後に、VSCode の拡張機能である Remote-SSH を介してリモート開発を実装します。

最初のステップ: Remote-SSH 拡張機能をインストールします。検索して直接インストールします。次のようになります:

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

2 番目のステップステップは、[リモート リソース マネージャー]

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

# を開くことです。3 番目のステップは、[SSH TarGETS] の上にマウスを置き、[設定]

## をクリックすることです。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明 #ステップ 4: この設定ファイルをクリックします。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明ステップ 5: 設定:

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host alias # 别名,可以随便写
    HostName 0.0.0.0 # 远程连接的ip地址
    User Administrator # 远程连接的用户名
ログイン後にコピー

ステップ 6、接続をクリックします。これは下の図です。 ステップ 7: システムの小さなアイコンを選択します。

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明任意のシステムを選択します

リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明 8 つのステップ: サーバーのパスワードを入力して待ちます

1リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

#最後のステップは、開発用にプロジェクト ディレクトリを開くことです。

1リモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明

これで構成は完了です。

最後に記載

この記事では、Windows を SSH サーバーに変え、SSH コマンドで接続し、VSCode で開発する方法のプロセスを記録します。これは役に立ちます。今後見つけられなくなることを避けるために、

いいね! や収集をしてください~

VSCode に関する関連知識の詳細については、

vscode チュートリアル を参照してください。 !

以上がリモート開発用に VSCode で SSH サーバーを構成する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

まず、コンピュータ上で vscode ソフトウェアを開き、図の①に示すように、左側の [拡張機能] アイコンをクリックし、図の②に示すように、拡張機能インターフェイスの検索ボックスに「officeviewer」と入力します。次に、図の③のように検索結果からインストールする「officeviewer」を選択し、最後に以下のようにdocxやpdfなどのファイルを開きます。

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 Apr 23, 2024 pm 02:13 PM

まず、コンピューターで Visual Studio コードを開き、左側にある 4 つの四角形のボタンをクリックし、検索ボックスに「draw.io」と入力してプラグインをクエリし、インストール後に新しい test.drawio ファイルを作成して [インストール] をクリックします。 test.drawioファイルを選択し、左側にある編集モードに入ります。 描画後、「ファイル」→「埋め込み」→「svg」をクリックし、「svgをコピー」を選択します。コピーした SVG コードを HTML コードに貼り付けます。HTML Web ページを開くと、Web ページ上の画像をクリックして、フローチャートを拡大または縮小できます。ここでは、右下隅の鉛筆パターンをクリックして Web ページにジャンプします。

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 Apr 23, 2024 pm 03:01 PM

テレンス・タオなど多くの数学者に賞賛されたこの正式な数学ツール、LeanCopilot が再び進化しました。ちょうど今、カリフォルニア工科大学のアニマ・アナンドクマール教授が、チームが LeanCopilot 論文の拡張版をリリースし、コードベースを更新したと発表しました。イメージペーパーのアドレス: https://arxiv.org/pdf/2404.12534.pdf 最新の実験では、この Copilot ツールが数学的証明ステップの 80% 以上を自動化できることが示されています。この記録は、以前のベースラインのイソップよりも 2.3 倍優れています。そして、以前と同様に、MIT ライセンスの下でオープンソースです。写真の彼は中国人の少年、ソン・ペイヤンです。

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

1. まず、vscode ソフトウェアを開き、エクスプローラー アイコンをクリックして、ワークスペース ウィンドウを見つけます。 2. 次に、左上隅にあるファイル メニューをクリックし、フォルダーをワークスペースに追加オプションを見つけます。 3. 最後に、フォルダーの場所を見つけます。ローカルディスク、追加ボタンをクリックします

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

1. まず、インターフェースを開いた後、左上隅のファイルメニューをクリックします。 2. 次に、設定列の設定ボタンをクリックします。 3. ジャンプした設定ページで、アップデートセクションを見つけます。最後に、マウスをクリックしてチェックして有効にし、Windows のバックグラウンドで新しい VSCode バージョンのボタンをダウンロードしてインストールし、プログラムを再起動します。

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

1. まず、設定メニューで設定オプションを開きます。 2. 次に、よく使用されるページでターミナル列を見つけます。 3. 最後に、列の右側にある usewslprofiles ボタンのチェックを外します。

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

1. まず、インターフェースを開いた後、ワークスペースインターフェースをクリックします。 2. 次に、開いている編集パネルで、「ファイル」メニューをクリックします。 3. 次に、「環境設定」列の下にある「設定」ボタンをクリックします。 4. 最後に、マウスをクリックして CursorSmoothCaretAnimation を確認します。ボタンを押して保存するだけです

Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 May 09, 2024 am 10:34 AM

1. まず、編集ウィンドウを開いた後、左下隅にある設定アイコンをクリックします。 2. 次に、表示されるサブメニューで [ワークスペース信頼の管理] ボタンをクリックします。 3. 次に、編集ウィンドウでページを見つけます。最後に、あなたのオフィスによると、必要に応じて関連する指示を確認してください

See all articles