VS Code远程调试Nodejs项目

news/2024/9/24 12:32:58/文章来源:https://www.cnblogs.com/sttchengfei/p/18428900

本文介绍了如何配置VSCode进行远程开发,包括在Ubuntu环境中开启SSH服务,Windows上安装Remote Development插件,以及设置VSCode进行远程Node.js项目的断点调试。此外,还详细讲解了在Windows和Linux之间设置SSH免密登录的步骤,通过生成秘钥对并将其添加到Linux的authorized_keys文件中,实现无密码登录。

1.远程环境配置
1.1 Ubuntu环境安装并开启SSH server功能

apt-get install openssh-server

如果机器中安装了node,但是命令行没有,那么执行下面操作

找到Linux的配置文件
路径:/etc 下的profile文件,打开配置文件后,在文件最后添加一行

export PATH=$PATH:(nodejs安装目录)/bin

1.2 Windows VSCode安装远程插件

1.2.1 Windows上VSCode需要安装Remote Development插件,安装 Remote Development扩展后,其它的Remote-SSH会自动安装,若不自动安装,请手动按照截图安装。

1.2.2 配置用户名、密码认证,编辑配置文件setting.json。Edit in settings.json。

 1.2.4 点击左下角的"open a remote window",选择"connect to Host"

 

1.2.5 打开配置文件config,填写远程主机的Host和登录名。

Host  UsLinux2HostName  one.com.cnPort   22User  ubuntu

  详细的介绍参看文章https://code.visualstudio.com/docs/remote/ssh#_remember-hosts-and-advanced-settings

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

2.远程NodeJs项目断点调试

2.1 配置文件launch.json

 

3.配置VSCode 远程免密登录

3.1 在Windows本地机器生成秘钥对

在本地机器生成秘钥对,windos下的控制台默认没有ssh,但是gitbash里有,使用gitbash创建秘钥对。

在gitbash下输入一下指令:

ssh-keygen -t rsa -C "这里任意输入" 

3.2 在Linux远程机器上创建秘钥

创建秘钥指令:

 

ssh-keygen -t rsa

 

 由上图所知,秘钥文件id_rsa保存在目录/home/ubuntu/.ssh/id_rsa。

3.3 拷贝Windows公钥到Linux远程服务器上

这一步的目的是让Linux远程机器的authorized_keys中包含我们的公钥内容。

将windows本地ssh的公钥(id_rsa.pub)拷贝到远程服务器的存放公钥的目录下。

 执行命令:

cat ~/id_rsa.pub >> ~/.ssh/authorized_keys

  

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/802771.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[附源码]宠物领养管理系统+SpringBoot

今天带来一款优秀的项目:宠物领养管理系统源码 。 系统采用的流行的前后端分离结构,内含功能包括"管理端",“用户领养端”,“宠物管理”,“权限登录”等功能。 如果您有任何问题,也请联系小编,小编是经验丰富的程序员!一. 系统演示视频https://githubs.xyz/s…

关于异或哈希

Re:异或哈希Re:疑惑异或哈希 异或哈希是个很神奇的算法,利用了异或操作的特殊性和哈希降低冲突的原理,可以用于快速找到一个组合是否出现、序列中的数是否出现了 \(k\) 次 算法如其名,异或+哈希。 想起某首歌叫PPAP? I have a \(\oplus\),I have an \(hash\). (Uhh~) \(\…

threejs 使用base64编码的图片作为贴图

使用base64作为贴图可以从接口直接传输(如果特别大需要压缩),可以省去很多操作 代码如下// 纹理加载器 const texLoader = new THREE.TextureLoader(); const base64Str = "data:image/png;base64,..."; texLoader.load(base64Str, (texture) => {const aspectR…

WPS在堆积柱状图上显示加总数据

我们常常会用到堆积柱状图,每个色块都可以显示数值,那如何在图上显示加总数据呢?今天分享一个小方法。以2024年前三周手机销量为例:首先将数据整理如下,最后一列求和。2. 选择所有数据(含合计)绘制堆积柱状图,并选中“合计”的柱状图,右键添加数据标签。3. 选择“合计”…

Vue3 注册及使用全局方法

一、背景 自己的一个考公网站,需求是 用户登录系统,但是用户去查看功能时要判断当前用户是否有是会员,如果不是会员,那么查看其他功能时需要弹窗说不是vip,如果是会员则可以直接查看。 二、实现 首先上截图。 1.Vue3 全局注册方法 1.新建popToast.jsimport Cookies from &q…

Figma UI Design add background color to text All In One

Figma UI Design add background color to text All In One 如何使用 Figma 给文字添加背景色Figma UI Design add background color to text All In One如何使用 Figma 给文字添加背景色https://www.figma.com/design/ solutionshttps://www.youtube.com/watch?v=j1UT8ezXAXI…

app手机元素定位方式

方式一:采用uiautomatorviewer元素定位 ①这个定位方式有缺陷也就是它只能识别Android8以下的系统,8及以上的系统就无法定位了 ②位置:这个工具是位于安装的SDK下的tools文件下,我的安装路径如下③双击打开这个工具就行,再运行的页面点击 方式二:安装Appium-Inspector ①下…

从0到0.1学习实践盒子模型

从0到0.1学习实践盒子模型 盒子模型概念 预备知识margin:外边距【两个元素之间的距离】 border:边框 padding:内边距【内容区域和边框距离】 height:文本高度 width:文本宽度content-box (形象图片)content-box--只计算内容区域的宽度和高度,边框和内边距不算在内。 .b…

Leetcode 445. 两数相加 II

1.题目基本信息 1.1.题目描述 给你两个 非空 链表来代表两个非负整数。数字最高位位于链表开始位置。它们的每个节点只存储一位数字。将这两数相加会返回一个新的链表。 你可以假设除了数字 0 之外,这两个数字都不会以零开头。 1.2.题目地址 https://leetcode.cn/problems/add…

Windows命令:时间延迟命令

延迟一段时间再执行下一条命令”。 一、利用ping实现延迟命令 这种延时手段是不精确的,因为每一次ping通的延迟不一样。 1、示例chcp 65001 @echo off echo 延时前:%time% ping /n 3 127.0.0.1 >nul echo 延时后:%time% pause 参数/n表示ping通的次数。127.0.0.1是本机ip…

电力施工作业绝缘手套识别系统

电力施工作业绝缘手套识别系统对电力作业人员在电力设备上进行施工作业时是否佩戴绝缘手套进行识别分析,当电力施工作业绝缘手套识别系统检测到作业人员未佩戴绝缘手套时立即抓拍存档同步回传给后台监控人员,提醒相关人员及时制止,及时规避更危险的触电事故发生。电力施工作…

sicp每日一题[2.24-2.27]

2.24-2.26没什么代码量,所以跟 2.27 一起发吧。Exercise 2.24Suppose we evaluate the expression (list 1 (list 2 (list 3 4))). Give the result printed by the interpreter, the corresponding box-and-pointer structure, and the interpretation of this as a tree (as…