VS Code远程调试Nodejs项目

简介: VS Code远程调试Nodejs项目

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

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

1
apt-get install openssh-server
如果机器中安装了node,但是命令行没有,那么执行下面操作

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

1
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和登录名。

1
2
3
4
Host UsLinux2
HostName one.com.cn
Port 22
User 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下输入一下指令:

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

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

1
ssh-keygen -t rsa  

{spa.yl1998.com]
{spa.bibi321.com]
{spa.vva22z.com]
{spa.weiwkj.com]
{spa.panguyx.com]

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

3.3 拷贝Windows公钥到Linux远程服务器上
这一步的目的是让Linux远程机器的authorized_keys中包含我们的公钥内容。

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

执行命令:

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

相关文章
|
开发工具 git
vscode推送项目到github仓库故障解决1
本文介绍了如何优雅解决本地仓库与远程仓库历史记录不一致的问题,并提供避免未来问题的最佳实践。核心在于理解问题根源(如历史记录差异和常见原因),采用推荐的解决方案(先本地初始化再关联远程仓库),并遵循一致的工作流程、团队协作规范及熟悉 Git 命令。通过强制推送或合并无关历史记录等方式处理现有冲突,同时养成良好习惯以预防类似问题。
|
前端开发 JavaScript 数据库
VSCode编程助手工程能力体验报告(一):通义灵码 - 帮你高效切入新项目、编码和提升质量
我是一位软件工程师,用通义灵码个人版vscode插件的workspace做项目分析和复盘,对比之前没有灵码,现在提效了80%,本文介绍了具体的使用流程。
5482 3
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤,您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境,并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
3311 3
|
开发框架 .NET C#
VSCode开发.net项目时调试无效
【9月更文挑战第22天】在使用 VSCode 开发 .NET 项目时遇到调试问题,可从项目配置、调试配置、调试器安装、运行环境、日志和错误信息等方面排查。确认项目类型及文件配置,检查 `launch.json` 文件及配置项,确保调试器扩展已安装并启用,验证 .NET 运行时版本和环境变量,查看 VSCode 输出窗口和项目日志文件,检查权限及代码错误。若问题仍未解决,可查阅官方文档或社区论坛。
1089 5
|
JSON JavaScript 小程序
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
`uniapp` 是一个基于 Vue.js 的框架,支持一次开发多端部署,深受前端开发者喜爱。本文详细介绍如何使用 `VSCode` 搭建 `uniapp` 项目,包括安装 `node` 和 `pnpm`、创建项目、安装扩展组件、配置 `Json` 文件注释及安装相关插件。通过这些步骤,你可以高效地使用 `VSCode` 开发 `uniapp` 项目,并享受代码提示和自动补全功能,提高开发效率。
1993 24
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
|
C# C++
【Azure Function】在VS Code中创建Function项目遇见 No .NET worker runtimes found
【Azure Function】在VS Code中创建Function项目遇见 No .NET worker runtimes found
224 0
vscode 生成项目目录结构 directory-tree 实用教程
vscode 生成项目目录结构 directory-tree 实用教程
2994 2
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
2369 3
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
1166 0
|
前端开发 Python
在vscode中如何配置Django项目
在vscode中如何配置Django项目
563 0