关于html5:使用-VSCode-如何进行远程开发调试

54次阅读

共计 4481 个字符,预计需要花费 12 分钟才能阅读完成。

对于大型的 Golang 我的项目往往我都会应用 Goland 这样的业余 IDE,然而因为我本地开发环境硬件资源偏低,不能很顺畅的应用 Goland,这个时候咱们能够思考应用 VSCode 来代替 Goland,而且 VSCode 还反对近程开发,所以我索性将开发环境放在近程机器上,而后用 VSCode 近程开发模式进行连贯,最次要的是大部分咱们的我的项目都是间接跑在 Linux 下面的,这个时候咱们就能够间接在 VSCode 中运行 Linux 环境上面的利用,而且咱们还能够很好地进行调试,也升高了本地的资源占用。

近程配置
VSCode 的 Remote 性能由三个插件组成,别离实现三种不同场景的近程开发。

Remote – SSH:利用 SSH 连贯近程主机进行开发。
Remote – Container:连贯以后机器上的容器进行开发。
Remote – WSL:在 Windows 10 上,连贯子系统(Windows Subsystem for Linux)进行开发。
咱们这里应用 SSH 模式进行配置,SSH 模式的原理如下图所示:

首先咱们这里在本地环境 Mac 上装置上 VSCode,近程开发的机器 IP 为 192.168.31.104,配置该节点能够本地通过 SSH 近程连贯。而后在 VSCode 中装置 Remote SSH 插件:

装置了 Remote – SSH 扩大后,你会在最右边看到一个新的状态栏图标。

近程状态栏图标能够疾速显示 VS Code 在哪个上下文中运行(本地或近程),点击该图标或者点击 F1 按键而后输出 remote-ssh 便会弹出 Remote-SSH 的相干命令。

抉择 “Remote-SSH: Connect to Host” 命令,而后按以下格局输出近程主机的连贯信息,连贯到主机:user@hostname,而后依据提醒输出登录的明码。

VSCode 将关上一个新窗口,而后你会看到 “VSCode 服务器 “ 正在 SSH 主机上初始化的告诉,一旦 VSCode 服务器装置在近程主机上,它就能够运行扩大并与你的本地 VSCode 实例通信了。通过查看状态栏中的指示器,能够晓得已连贯到虚拟机了,它显示的是你的虚拟机的主机名。

Remote-SSH 扩大还在你的流动栏上增加了一个新的图标,点击它将关上近程浏览器。从下拉菜单中,能够抉择 SSH 指标,在这里你能够配置你的 SSH 连贯。

一旦你连贯到你的 SSH 主机,你就能够与近程机器上的文件进行交互 l,如果你关上集成终端(`),你会发现当初咱们是在近程的 Linux 上面了。

当初咱们能够应用 bash shell 浏览近程主机上的文件系统,还能够应用 “ 文件 ”>” 关上文件夹 ” 浏览和关上近程主目录上的文件夹。

此外,如果咱们开发的是 WEB 利用,为了可能浏览到近程主机上的利用,咱们能够利用另一个端口转发的性能来实现。

环境配置
当初咱们曾经能够在 VSCode 中进行近程开发了,接下来咱们以开源我的项目 KinD 为例来阐明如何进行近程调试。

KinD 是一个应用 Docker 容器节点运行本地 Kubernetes 集群的工具,次要是为了测试 Kubernetes 自身而设计的,但也能够用于本地开发或 CI 测试。

首先在近程主机上 Clone 代码(也能够间接通过 VSCode Clone 操作):

cnych@ubuntu:~/Github$ git clone v0.9.0
cnych@ubuntu:~/Github$ git checkout v0.9.0
cnych@ubuntu:~/Github$ git checkout -b dev
而后在 VSCode 中定位到该我的项目,关上该我的项目。因为咱们这是一个 Golang 我的项目,当然首先要做的是在近程主机上安装 Golang 的游戏环境。而后当然须要在 VSCode 中装置 Golang 的插件,然而要留神的是咱们须要装置到近程主机上,切换到 EXTENSIONS 页面,输出 Go,抉择 Go 插件,而后在插件页面咱们能够看到一个 Install on SSH: 192.168.31.104 的按钮,点击这个按钮按钮就能够将该插件装置到近程主机上:

装置实现后,还须要装置一些相干的命令行工具,能够查看 www.sangpi.com 理解相干信息。同样在 VSCode 中输出 F1 按键,而后输出 Go 关键字,能够列出和 Go 相干的操作:

咱们要做的是抉择第一条命令:Go: Install/Update Tools,抉择所有的命令行工具,点击 OK 按钮便会在近程主机上安装这些工具:

不过须要留神的是这些工具或多或少须要一些迷信办法能力下载胜利,咱们也能够手动下载这些工具放到 GOBIN 目录上面即可。

这些命令行工具配置实现后,咱们就能够在我的项目中应用这些工具了,在 KinD 我的项目根目录上面创立 .vscode 目录,在目录上面新建 settings.json 文件,该文件就是来配置 VSCode 的,我这里应用的配置信息如下所示,咱们能够依据本人的理论需要进行配置:

{
“workbench.editor.enablePreview”: false,
“editor.fontLigatures”: true,
“editor.fontSize”: 20,
“editor.fontFamily”: “‘Ubuntu Mono derivative Powerline'”,
“terminal.integrated.fontFamily”: “‘Ubuntu Mono derivative Powerline'”,
“terminal.integrated.fontSize”: 17,
“workbench.fontAliasing”: “antialiased”,
“go.inferGopath”: false,
“go.autocompleteUnimportedPackages”: true,
“go.useLanguageServer”: true,
“go.lintTool”: “golangci-lint”,
“go.docsTool”: “godoc”,
“go.buildFlags”: [],
“go.lintFlags”: [],
“go.vetFlags”: [],
“go.gocodePackageLookupMode”: “go”,
“go.gotoSymbol.includeImports”: true,
“go.useCodeSnippetsOnFunctionSuggest”: true,
“go.useCodeSnippetsOnFunctionSuggestWithoutType”: true,
“go.formatTool”: “goreturns”,
“go.gocodeAutoBuild”: false,
“go.liveErrors”: {

  "enabled": true,
  "delay": 0

}
}
当初在 VSCode 终端的我的项目目录上面执行如下命令更新依赖:

cnych@ubuntu:~/Github$ export GOPROXY=”https://goproxy.cn”
cnych@ubuntu:~/Github$ go mod tidy
当初咱们就能够在 VSCode 中查看我的项目了,能够疾速跟踪代码,也有代码提醒,基本上 IDE 有的性能,在 VSCode 中都有:

不过对于大型 Golang 我的项目应用 VSCode 不方面的一个中央是不能疾速定位到接口的实现,因为 Golang 中的接口很可能有多个中央都有实现,这点 VSCode 就没有 Goland 不便了,不过咱们也还是能够应用快捷方式找到接口的实现,咱们能够将鼠标定位到接口名称或者接口办法申明上,而后通过快捷键 Cmd(Windows 上面是 Ctrl)+ F12 就能够找到对应的实现,当然也能够通过右键查找所有实现:

近程调试
当初咱们曾经能够应用 Remote-SSH 插件开发我的项目了,然而在开发过程中或者学习开源我的项目的时候往往少不了调试,特地是要想疾速理解开源我的项目的实现,单步调试跟踪代码是十分好的一种形式,比方咱们要来跟踪下 KinD 是如何创立集群的,咱们就能够在 KinD 创立集群的某些代码片段上打上端点,而后单步调试进行跟踪。

比拟侥幸的时候 VSCode 就能够很好的来帮忙咱们进行调试的操作。Golang 我的项目的调试是依赖 delve 这个工具的,下面装置命令行工具的时候曾经装置了,如果没有装置,咱们能够应用如下形式进行手动装置:

$ go get -u github.com/go-delve/delve/cmd/dlv
装置实现后须要配置调试工具,F1 输出 Debug: Open launch.json 关上 launch.json 文件。

图片

如果第一次关上,会新建一个配置文件,默认配置内容如下所示:

{
“version”: “0.2.0”,
“configurations”: [
{
“name”: “Launch”,
“type”: “go”,
“request”: “launch”,
“mode”: “auto”,
“program”: “${fileDirname}”,
“env”: {},
“args”: []
}
]
}
常见的配置属性:

图片

咱们还能够在配置文件中应用一些内置的变量:

${workspaceFolder} 调试 VS Code 关上工作空间的根目录下的所有文件
${file} 调试以后文件
${fileDirname} 调试以后文件所在目录下的所有文件
比方咱们要调试 KinD 的创立集群的命令,对应的 launch.json 文件内容如下所示:

{
“version”: “0.2.0”,
“configurations”: [

{
  "name": "Debug Kind",
  "type": "go",
  "request": "launch",
  "mode": "debug",
  "host": "127.0.0.1",
  "port": 2345,
  "program": "${workspaceFolder}/main.go",
  "cwd": "${workspaceFolder}",
  "env": {},

“args”: [“create”, “cluster”]

}

]
}
而后在创立集群的代码片段中打上端点,比方在 pkg/cluster/internal/create/create.go 文件的 Cluster 函数中打上两个端点(在左侧点击一下即可):

图片

而后在左侧切换到调试,点击咱们下面配置的 Debug Kind 按钮(或者应用 F5 按键)即可开始调试:

图片

开始调试后,delve 会在近程主机上启动一个无头服务,监听在 2345 端口上,失常这个时候咱们的程序会运行到咱们下面打的断点地位停下来:

图片

这个时候咱们能够看到曾经初始化的变量信息,在最上方也有调试的工具栏,当然也有对应的快捷键,F5:持续、F10:单步执行、F11:进入函数外部执行,这几个快捷键是最罕用的,当然如果你的快捷键有抵触咱们能够间接应用下面的工具栏进行操作。在操作的过程中产生的日志信息也会呈现在 DEBUG CONSOLE 栏目上面。这样咱们就实现了近程调试的,对于开源我的项目咱们能够多应用单步调试去跟踪代码的执行,这样能够更快理解程序的执行流程,当然近程调试并不只是针对 Golang 我的项目,其余语言的也同样实用。

正文完
 0