IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vscode 远程调试Node.js -> 正文阅读

[开发工具]vscode 远程调试Node.js

缘起

Windows远程调试Linux上的代码,需要在Windows上安装开发工具远程调试代码,记录一下安装的过程,help me and help you。

安装环境

本地:Windows 10
远程:Linux Centos

资源下载及安装

VsCode下载及安装

官方下载地址:传送门
安装:选择安装路径默认下一步安装既可。

默认安装路径:C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code

VsCode插件

在线安装:

左侧点击扩展-》输入ssh-》选第一个,右侧有一个安装并重启的选项
在这里插入图片描述

离线安装

参考博文《VScode离线安装插件》

  1. 进入vscode插件官网(https://marketplace.visualstudio.com/)

  2. 搜索ssh
    在这里插入图片描述

  3. 下载ssh插件
    在这里插入图片描述

  4. 将ssh的插件拷贝到VsCode的bin目录
    在这里插入图片描述

  5. 路径导航栏中输入cmd,按回车
    在这里插入图片描述6.

  6. 在cmd窗口中执行命令:
    code --install-extension 输入安装包前几个字母,比如ms,按键盘上的Tab键,会自动补全离线安装包的名称
    在这里插入图片描述

  7. 回车,等出现下面提示,表示安装成功,然后重启VScode,离线安装完成。

    Extension ‘MS-CEINTL.vscode-language-pack-zh-hans-1.45.0.vsix’ was successfully installed!
    

    备注:觉得上面那个用命令安装麻烦的,可以从程序中选择附件的的文件进行安装
    在这里插入图片描述

Git下载安装

下载地址:传送门
安装:默认下一步下一步安装既可

xftp和xshell下载

官网下地址:传送门(超级慢)
国内下载地址:传送门,参考文章《Xftp的下载、安装、使用》
安装:默认下一步下一步安装既可

Vscode远程开发配置

ssh秘钥配置

  1. 前置条件,本地安装git

  2. 在本地文件目录下点击鼠标右键,打开Git Bash

  3. 执行命令:ssh-keygen -t rsa -b 2048,连续按回车
    在这里插入图片描述

  4. 利用Xftp工具,拷贝Windows上的秘钥文件id_rsa.pub到Linux系统的/home路径下
    在这里插入图片描述

  5. 将上一步秘钥中的内容写入道Linux ssh的文件中

    cd /home
    cat id_rsa.pub >> ~/.ssh/authorized_keys
    
  6. 重启服务ssh服务

    service sshd restart
    

vscode远程连接

  1. 选择左侧的远程连接,选择配置按钮
    在这里插入图片描述
  2. 选择第一个
    在这里插入图片描述
  3. 输入Host、HostName、User信息,比如Host和HostName都填写你要远程的那个服务器的IP
    在这里插入图片描述
  4. 点击刷新按钮,要不服务器列表不显示
    在这里插入图片描述
  5. 右键连接远程服务器
    在这里插入图片描述
  6. 选择Linux
    在这里插入图片描述
  7. 输入密码

vscode远程调试Node.js程序

  1. 配置VsCode
    在这里插入图片描述

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "address": "192.168.137.186",
                "name": "192.168.137.186_TileServer",
                "port": 9229,
                "remoteRoot": "/home/xtkf/tileServerNew",
                "request": "attach",
                "skipFiles": [
                    "<node_internals>/**"
                ],
                "type": "node"
            }
        ]
    }
    
  2. 启动终端,启动程序
    在这里插入图片描述

    cd 到程序所在的目录
    node --inspect=192.168.137.186:9229 index.js
    
  3. F5 附加程序即可

  4. Linux这块记得把用到的端口在防火墙这块都加上,比如你自己写的程序是用的8091端口,那么记得把这个端口加到防火墙端口开放的列表中,避免后期前端访问不了服务端口的尴尬。

常见问题

  1. vscode连接不上Linux服务器
    ①我个人是把Linux上/home/用户名/.vscode-server整个文件夹都删掉了
    ②然后把windows上的环境变量里的OpenSSH也删掉了
    ③然后VsCode设置这块指定了Remote ssh的Path为Git文件夹下的ssh.exe所在的路径
    ④找了一台可以联网的机器,重新连接Linux服务器,服务器初始化的时候会生成vscode的server目录
    ⑤再次远程连接可以连接上了 在这里插入图片描述在这里插入图片描述

参考资料

  1. 解决VSCode配置远程连接,过程试图写入的管道不存在
  2. vscode远程连接服务器失败,过程试图写入的管道不存在问题
  3. VS Code 突然连接不上远程服务器的解决办法
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-05-09 12:56:36  更:2022-05-09 12:57:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 4:48:03-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码