vscode输入node没有node-http-server提示_vscode怎样远程调试Node程序

之前我写过一篇文章远程调试Node程序,介绍了怎样在chrome中调试node程序。后来我发现vscode中有更好的调试方法。

远程环境配置

首先要在远程服务器中打开SSH server功能,ubuntu系统基本都自带,没有的话,安装一下

apt-get install openssh-server

本地安装vscode插件

下载 VScode Insider版本,然后安装Remote Development扩展,安装 Remote Development扩展后,其它的Remote-SSH会自动安装,若不自动安装,请手动按照截图安装。

00b0ebe0007c9700f72e5c2fae5a74b1.png

配置用户名/密码认证, 需要编辑一下VSCode的settings.json文件,打开的方式如下图,点击setting,点击任意一个‘Edit in settings.json’。

4de0c83077090d8d43691630333e1a5c.png

然后在settings.json 添加 "remote.SSH.showLoginTerminal": true

2425972ddeb3f6505267bf7dd05d2390.png

点击左下角的“open a remote window”,选择 ‘connect to Host’

28e19d489e6070afc4eebfe8971a84ec.png

b596961cea6873402c585080a5d5fd3a.png

根据图片顺序打开config文件,并填写远程主机的Host和登录名

b4c34dd528b0ceb17b405a02eb069205.png

弹出一个新窗口,根据提示,输入linux的密码

027ac02c4fb2fc9f72248c55d3ab9dcb.png

已经连接上了以后 ,点击 文件->打开文件夹(或者文件),可以显示出linux的文件夹(或者文件)

3f3f879219f14ef1dec3ffa282da3442.png

配置公钥

上面的步骤每次都要输入密码,非常麻烦,可以通过配置公钥来解决这个问题。

1、打开Git的安装目录,把 Gitusrbin 放到环境变量。

2、然后打开过程 编辑主机config文件的目录 C:Usersye.ssh (不同的电脑user名字会不一样),执行 ssh-keygen。

84ecdb720fbacd857c6ecafd6c1d5f33.png

路回车即可! 完成后多了id_rsa,id_rsa.pub两个文件.

3、我们需要将id_rsa.pub 文件,复制一份到linux服务器上~/.ssh/目录下。若没有该目录,请执行mkdir ~/.ssh创建,然后将id_rsa.pub,远程传输到该目录下.

4、然后切换到该目录下,执行 cat id_rsa.pub >> authorized_keys,

5、修改 /etc/ssh/sshd_config文件下的

PubkeyAuthentication yes,

AuthorizedKeysFile .ssh/authorized_keys .ssh/authorized_keys2,两条是不是正常,若有注释,请取消,若不相同,请修改或者添加

42b2077cace18343a4bd28d51148bf19.png

6、重启远程主机的ssh服务 /etc/init.d/ssh resart

7、然后回到Windows的命令行,执行ssh (用户名)@192.168.160.132

括号中的请替换为您的Linux用户名,请一定要按照这种格式登陆,一定要输入用户名和IP,不要只输IP

a156113d924b0cd7ab79c687fbe18417.png

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

远程调试

找到远程服务器中 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" // 就增加这行
    }
  ]
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值