ホームページ > 開発ツール > VSCode > vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

青灯夜游
リリース: 2020-09-15 10:57:54
転載
3503 人が閲覧しました

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

この記事では、vscode を使用して Node プログラムをリモートでデバッグする方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

ビデオ チュートリアルの推奨: vscode 基本チュートリアルnode js チュートリアル

リモート環境設定

まず、リモートサーバーで SSH サーバー機能を開きます。システムには基本的にすべて付属していますが、付属していない場合は、インストールしてください

apt-get install openssh-server
ログイン後にコピー

vscode プラグインのローカル インストール

VScode Insider バージョンをダウンロードし、リモート開発拡張機能をインストールします。リモート開発拡張機能、その他のリモート SSH は自動的にインストールされます。自動的にインストールされない場合は、スクリーンショットに従って手動でインストールしてください。

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

ユーザー名/パスワード認証を設定するには、VSCode の settings.json ファイルを編集する必要があります。開き方は以下の通りです。設定をクリックし、いずれかをクリックしてください。 「settings.json で編集」の。

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

次に、settings.json に "remote.SSH.showLoginterminal": true を追加します。

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

「リモートを開く」をクリックします。 window」で、「ホストに接続」を選択します

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介
vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介
##画像の順序に従って設定を開きますファイルを開き、リモート ホストのホストとログイン名を入力します。

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介
新しいウィンドウが表示されます。プロンプトに従って、Linux パスワードを入力します。

vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介##接続後、
[ファイル] -> [フォルダー (またはファイル) を開く]

をクリックして、Linux フォルダー (またはファイル) を表示します。 #公開鍵の設定

上記の手順では毎回パスワードを入力する必要があり非常に面倒ですが、公開鍵を設定することでこの問題を解決できます。
vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介1. Git インストール ディレクトリを開き、環境変数に Git\usr\bin を入力します。

2. 次に、プロセスを開いてホスト構成ファイル C:\Users\ye\.ssh のディレクトリを編集し (ユーザー名はコンピュータによって異なります)、ssh-keygen を実行します。

Enter キーを押すだけです! 完了すると、さらに 2 つのファイル、id_rsa と id_rsa.pub.
5. /etc/ssh/sshd_config の下の

PubkeyAuthentication yes

,

AuthorizedKeysFile .ssh/authorized_keys を変更します。ファイル .ssh/authorized_keys2

の 2 つの項目は正常ですか? コメントがある場合は取り消してください。異なる場合は

を修正または追加してください。 6. リモート ホストを再起動します (ssh service /etc/init.d/ssh resart

7)。次に Windows コマンド ラインに戻り、ssh (ユーザー名)@192.168.160.132

を実行します。括弧内を Linux ユーザー名に置き換えてください。必ずこの形式に従ってログインしてください。IP
だけを入力するのではなく、必ずユーザー名と IP を入力してください。
vscodeを使ってNodeプログラムをリモートデバッグする方法の紹介

此时打开文件的时候就不会再提示输入密码了

远程调试

找到远程服务器中 node 的路径

which node
ログイン後にコピー

在 launch.json 中添加配置

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/server/server.js",
      "runtimeExecutable": "/root/.nvm/versions/node/v8.6.0/bin/node" // 就增加这行
    }
  ]
}
ログイン後にコピー

更多编程相关知识,请访问:编程入门!!

以上がvscodeを使ってNodeプログラムをリモートデバッグする方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:zhihu.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート