Tensorboard 打开是空白页(vscode ssh连接服务器)

项目场景:

vscode 使用ssh连接linux服务器, 使用Tensorboard打开日志一直是空白页,网上找了很多解决方法,都不行。
排除了文件路径、端口占用、主机名称、更新更换浏览器、更新Tensorboard版本等问题


解决方案:

最后发现是vscode自带的插件下载冲突了,直接卸载就好了

pip uninstall torch-tb-profiler

附上我的环境版本:

python 3.8.19
google-auth 1.35.0
google-auth-oauthlib 0.4.6
tensorboard 2.4.0
tensorboard-data-server 0.6.1
tensorboard-plugin-wit 1.8.0
tensorboardX 2.4

<think> 我们之前已经详细说明了在Ubuntu本地使用VSCode通过SSH连接服务器的步骤。现在用户询问的是连接之后如何进行开发运行的操作方法。因此,我们需要重点介绍在成功连接后,如何在VSCode中进行代码开发、运行和调试等操作。 以下是操作步骤的详细说明: ### 步骤1:打开远程目录或工作区 1. 成功连接服务器后,VSCode会显示远程环境(左下角状态栏显示SSH主机名)。 2. 点击左侧资源管理器(Explorer)图标,然后选择: - **打开文件夹**:浏览远程服务器上的目录,选择项目所在文件夹。 - **打开工作区**:如果已有保存的工作区文件(`.code-workspace`),可以直接打开。 ### 步骤2:创建或编辑文件 1. 在资源管理器中右键点击文件夹或空白区域,选择**新建文件**或**新建文件夹**。 2. 双击文件即可在编辑器中打开并编辑,支持所有VSCode的编辑功能(语法高亮、代码补全等)。 ### 步骤3:安装必要的扩展 1. 虽然已经安装了Remote-SSH,但针对开发语言(如Python、C++等)的扩展需要在远程服务器上重新安装。 2. 点击左侧扩展图标(Extensions),搜索所需扩展(如Python、C/C++),然后点击**安装**(Install)。注意:安装位置为远程服务器。 ### 步骤4:配置开发环境 对于不同语言,可能需要配置编译/解释环境: - **Python示例**: 1. 确保远程服务器已安装Python和pip。 2. 在VSCode打开终端(`` Ctrl+` ``),创建虚拟环境(可选): ```bash python3 -m venv .venv source .venv/bin/activate ``` 3. 安装项目依赖: ```bash pip install -r requirements.txt ``` ### 步骤5:运行代码 1. **直接运行**: - 在终端中执行命令: ```bash python3 main.py # Python示例 ``` - 或者使用VSCode内置的运行按钮(右上角三角形图标)。 2. **配置运行任务**(Tasks): - 选择菜单:**终端(Terminal)> 配置任务(Configure Tasks)** - 选择模板(如Python),生成`tasks.json`文件。 - 示例配置: ```json { "version": "2.0.0", "tasks": [ { "label": "Run Python", "type": "shell", "command": "python3", "args": ["main.py"], "group": { "kind": "build", "isDefault": true } } ] } ``` - 按`Ctrl+Shift+B`运行默认任务。 ### 步骤6:调试代码 1. **设置断点**:在代码行号左侧点击添加断点(红色圆点)。 2. **创建调试配置**: - 点击左侧调试图标(Run and Debug)或按`Ctrl+Shift+D`。 - 点击**创建 launch.json 文件**,选择环境(如Python)。 - 示例`launch.json`: ```json { "version": "0.2.0", "configurations": [ { "name": "Python: Current File", "type": "python", "request": "launch", "program": "${file}", // 调试当前打开的文件 "console": "integratedTerminal" } ] } ``` 3. **启动调试**:按`F5`开始调试,程序会在断点处暂停。 ### 步骤7:使用集成终端 - 按``Ctrl+` ``打开终端,所有命令都在远程服务器上执行。 - 支持多终端分屏(点击终端面板右上角分裂图标)。 ### 步骤8:版本控制 1. 点击左侧源代码管理图标(Source Control),初始化仓库(如Git): ```bash git init ``` 2. 提交更改、推送等操作与本地开发一致。 ### 常见问题解决 1. **扩展安装失败**:检查远程服务器网络连接,使用代理或更换源。 2. **调试器无法启动**:确保已安装调试依赖(如Python需安装`debugpy`): ```bash pip install debugpy ``` 3. **终端无响应**:重启VSCode或重新连接SSH。 ### 相关问题 1. 如何在VSCode远程连接中使用Docker容器进行开发? 2. 如何配置多个远程开发环境并快速切换? 3. 远程开发时如何优化大文件传输性能? [^1]: 详细步骤参考VSCode官方远程开发文档 [^2]: 调试配置需根据项目语言调整设置 </think> ### Ubuntu系统下使用VSCode SSH连接服务器后的开发运行操作指南 以下是在成功连接服务器后,进行代码开发、运行和调试的完整流程: #### 1. 打开远程工作区 - 连接成功后,按 `Ctrl+K Ctrl+O` 打开远程目录 - 导航到项目路径:`/home/用户名/project_folder` - 首次打开会提示"是否信任作者",勾选**信任父文件夹** #### 2. 安装语言支持扩展 在远程环境中安装必要扩展(需在连接状态下操作): 1. 打开扩展面板(`Ctrl+Shift+X`) 2. 搜索并安装: - **Python**(微软官方) - **C/C++**(开发C语言项目) - **ESLint**(JavaScript语法检查) - **Docker**(容器化开发) > 注意:所有扩展将自动安装在远程服务器上[^2] #### 3. 配置开发环境 **Python示例**(在远程终端操作): ```bash # 创建虚拟环境 python3 -m venv .venv # 激活环境 source .venv/bin/activate # 安装依赖 pip install -r requirements.txt ``` **C/C++配置**.vscode/c_cpp_properties.json: ```json { "configurations": [ { "name": "Linux", "includePath": ["${workspaceFolder}/**"], "defines": [], "compilerPath": "/usr/bin/gcc", "cStandard": "gnu17", "cppStandard": "gnu++14", "intelliSenseMode": "linux-gcc-x64" } ], "version": 4 } ``` #### 4. 编写与运行代码 1. 创建新文件:`Ctrl+N` 2. 保存到远程:`Ctrl+S`(自动同步到服务器) 3. 运行程序: - Python: 右键选择 **Run Python File in Terminal** - C/C++: 按 `F5` 启动调试编译 #### 5. 断点调试配置 1. 在代码行号左侧点击设置断点(红色圆点) 2. 创建启动配置(`.vscode/launch.json`): ```json { "version": "0.2.0", "configurations": [ { "name": "Python: Current File", "type": "python", "request": "launch", "program": "${file}", "console": "integratedTerminal", "justMyCode": false } ] } ``` 3. 按 `F5` 开始调试,使用调试工具栏控制执行流程 #### 6. 查找包路径(Python示例) 在集成终端(`Ctrl+` `)运行: ```bash # 查找numpy安装路径 python -c "import numpy; print(numpy.__file__)" # 查找可执行文件路径 which python3 ``` #### 7. 版本控制集成 1. 打开源代码管理面板(`Ctrl+Shift+G`) 2. 初始化Git仓库: ```bash git init git remote add origin https://github.com/your/repo.git ``` 3. 提交更改:输入提交信息后点击√图标 4. 推送代码:点击同步图标或`Ctrl+Shift+P > Git: Push` ### 性能优化技巧 1. **大文件处理**: - 添加`.vscode/settings.json`: ```json { "files.watcherExclude": { "**/node_modules/**": true, "**/.git/**": true } } ``` 2. **远程终端优化**: ```bash # 在服务器~/.bashrc中添加 export PROMPT_COMMAND='echo -ne "\033]0;${USER}@${HOSTNAME}: ${PWD}\007"' ``` ### 常见问题解决 1. **扩展安装失败**: - 检查远程服务器网络:`ping 8.8.8.8` - 更换安装源:`pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple` 2. **调试器连接超时**: 在`launch.json`增加超时设置: ```json "timeout": 30000 ``` 3. **文件同步延迟**: - 禁用扩展:**GitLens** - 执行`Ctrl+Shift+P > Remote-SSH: Kill VS Code Server` ### 相关开发技巧 1. **端口转发**: - 编辑`~/.ssh/config`: ``` Host myserver LocalForward 8888 localhost:8888 ``` - 访问`localhost:8888`即可连接远程Jupyter服务 2. **容器开发**: 安装**Dev Containers**扩展,通过Dockerfile创建标准化环境 --- ### 相关问题 1. 如何在远程开发中高效管理Python虚拟环境? 2. VSCode远程调试时如何处理大型数据集? 3. 如何配置多台云服务器SSH连接并快速切换? [^1]: 具体连接方法参考之前的SSH配置步骤 [^2]: 扩展需在连接状态下安装到远程服务器 [^3]: 调试配置需根据项目类型调整参数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值