VS Code中打开内置简易浏览器Simple Browser查看TensorBoard

最新推荐文章于 2025-03-17 13:54:01 发布
最新推荐文章于 2025-03-17 13:54:01 发布
阅读量2.9k 收藏 13
点赞数 12
文章标签： ubuntu python linux vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44901039/article/details/134704706
版权

在VSCode中使用Ctrl+Shift+P呼出执行命令的输入框

输入Simple Browser: Show，之后就会出现下面的输入框，用来输入url
在这里插入图片描述
在使用TensorBoard监控 程序的时候，输入网址：http://localhost:6006/ 就可以监控程序了

可以实现这种效果。
在这里插入图片描述

但是好像只能浏览简单网页，像百度/谷歌这种就没法访问，不太清楚为啥🤔
如果要实现更复杂的浏览器功能，可能需要安装插件，这种方法的好处是不用安装插件

Aston.CST
关注
【VS Code插件开发】通用功能（二）
编码世界
08-10 1万+
本篇主要从command（命令）、menus（菜单）、快捷键三个方面讲解，都归于通用功能。
微软发布轻量级 VS Code 工具，可完全在浏览器中运行
super111t的博客
10-22 1万+
微软推出可完全在浏览器中运行的轻量级VS Code开发环境
让你能够在VSCode编辑器打一个真实的浏览器进行预览并调试
08-08
让你能够在VSCode编辑器打一个真实的浏览器进行预览并调试
vscode内置浏览器 开发vue 显示网址
web修理工
05-31 9276
最近使用VS Code开发vue项目，需要经常在编辑器和浏览器之间来回切换查看页面效果，感觉特别繁琐！今天就来分享下如何在VS Code中实时预览HTML页面或VUE/React/Angular等页面效果。 vscode预览HTML 1、HTML Preview 在扩展中搜索“ HTML Preview ”，点击安装，通过如下快捷键预览页面。 打开浏览器预览 - ctrl+shift+v or cmd+shift+v 编辑器侧边预览 - ctrl+k v or cmd+k v 2、Live Server
如何在VS Code中设置默认浏览器
m0_67356412的博客
03-17 996
如何在VS Code中设置默认浏览器
vscode-browse-lite：in VS Code中的嵌入式浏览器
03-03
浏览精简版 VS Code中的嵌入式浏览器 由从 :high_voltage: 页面刷新更快 :last_quarter_moon: 暗模式感知 :artist_palette: 主题感知UI :lady_beetle: 内置devtools支持 :electric_plug: 可扩展的动作 :desktop_computer: 在系统浏览器中重新打开 :check_mark_button: 无遥测 运行“ Browse Lite: Open...命令以启动浏览器 此扩展最初是为构建的。 赞助商 该项目是我的一部分。 执照 麻省理工学院-版权所有（c）2019 Kenneth Auchenberg 麻省理工学院-版权所有（c）2021 Anthony Fu
Vscode——内置浏览器
qq812457115的博客
05-05 9780
1. 安装插件 Live Server Browser Preview 2. 设置 首选项 > 设置 > 输入Use Browser Preview 勾选
Vscode 如何使用内置浏览器?
薛定谔的猫
07-06 3392
本人使用HBuilderX时使用此内置浏览器使用起来十分不方便（可能版本问题）实际上游览器的结果为通过网上寻找方法依旧没有办法解决，因此就换到VScode上来编写代码。VScode的插件多的优势，我很快就找到了一款内置浏览器插件Browser Preview使用方法就是...
vscode打开图标_VScode如何内置Chrome浏览器？超简单！
weixin_35677065的博客
01-26 1万+
最近使用VS Code开发vue项目，需要经常在编辑器和浏览器之间来回切换查看页面效果，感觉特别繁琐！今天就来分享下如何在VS Code中实时预览HTML页面或VUE/React/Angular等页面效果。如下图：在vscode中预览vue和html页面vscode预览HTML1、HTML Preview一个很不错的vscode预览html页面插件在扩展中搜索“ HTML Preview...
VSCode打开TensorBoard
qq_44874691的博客
07-18 2万+
打开vscode，通过快捷键Ctrl+Shift+P，调出命令窗口，里面输入。点击会提示在当前文件夹还是其他文件夹，选择对应的文件夹即可。就可以显示训练过程数据了。一、点击插件直接使用。
simple-browser-electron：用于开发的简单浏览器
02-09
Navegador Simples Esse projeto teve como基地或 do Mayk Brito。 :laptop_computer: 原始的灵魂 ... :spiral_notepad: 先决条件 安特斯·德·科马萨尔（Antes decomeçar），维加斯·普雷...$ cd simple-browser-e
browser:VS Code的嵌入式浏览器
05-17
在您的VS Code内部打开一个浏览器。 像这样（另一边是Google搜索）： 像这样（在另一侧查找API文档）： 或以下内容（在另一端预览本地网页）： 完整功能清单 在VS代码中打开任何HTTP / HTTPS URL。 导航，前进，...
在浏览器中使用vscode（code server）
qq_42282217的博客
07-25 5185
vscode作为一个非常强大的IDE，虽然已经适配了linux，mac，但是还是不够，如果有了web端的，那么只要有了浏览器，我们就可以在任何设备上进行访问，今天文章的主题就是搭建一个基于vs code的web ide，当然不是自己去编写代码，而是站在巨人的肩膀上，用到的就是code server，它是基于vscode的一个开源项目，发布在github上（附上网址：code-server/github）。 接下来就说一下code server如何安装使用。 1.下载对应的压缩包 先通过ssh连接到lin
pytorch框架学习（13）——可视化工具TensorBoard
01-20
文章目录1. TensorBoard简介2. tensorboard使用2.1 SummaryWriter2.2 方法 1. TensorBoard简介 TensorBoard：TensorFlow中强大的可视化工具 支持标量、图像、文本、音频、视频和Embedding等多种数据可视化 运行机制 tensorboard –logdir=./runs 作业 熟悉TensorBoard的运行机制，安装TensorBoard，并绘制曲线 y = 2*x import numpy as np from torch.utils.tensorboard import SummaryWriter writ
开启VScode中最简单的内部浏览器 - 可以访问外网 - Browser Preview
热门推荐
Rudon滨海渔村的博客
02-22 2万+
效果 步骤 1.装插件“Browser Preview” - 虽然已经被“废弃”Deprecated，但是还是很好用！ 2.点击左边的“” 3. 输入URL，enjoy~ 相关 vscode 内部浏览器 请问有没有办法在VS Code中嵌入一个浏览器? ......
【VS Code 使用tensorboard功能技巧】
m0_46256255的博客
10-07 1万+
在虚拟环境终端中进入到logs的上级目录，输入启动指令（如下），点击生成的链接即可查看结果。在VS Code里执行以上代码，就会在生成的logs文件夹里保存相关文件。（3）展示单/多张张图像——add_image/add_images。启动成功后，弹出tensorboard页面，查看数据、图表。scalars： 精确度，学习率，损失曲线；（2）画线——add_scalaar。安装上面的库后，在代码中点击启动，（4）画模型——add_graph。（5）存放不同文件夹，对比参数。弹出选择log日志文件夹，
VScode打开tensorboard
m0_68209510的博客
01-15 940
目前在学习机器学习，之前一直用pycharm打开tensorboard，最近换到了VScode。最近在寻找如何用vscode打开tensorboard。目前存在的问题：用命令面板可以打开tensorboard，然后在终端输入 tensorboard --logdir=“文件名”就会出现。我的：writer =SummaryWriter("dataload")，此时就要打开dataload文件。③tensorboard --lodir=文件名打开。二、终端打开（目前我还存在问题，未解决）
vscode远程使用tensorboard
m0_50752055的博客
03-20 960
即可完成转发，在本机可以查看远程tensorboard。输入tensorboard默认端口6006。1. 打开tensorboard。条件：已远程连接服务器。和本地转发端口6006。
vs code内置浏览器
最新发布
03-25
### 如何在 VS Code 中使用内置浏览器 #### 方法一：通过 Chrome VS Code 扩展 Chrome VS Code 是一款实验性质的扩展，能够将 Google Chrome 浏览器集成到 Visual Studio Code 的编辑器标签中。此工具目前仍处于早期开发阶段，因此存在一定的局限性，例如不支持 cookies 和本地存储功能，并且可能会遇到未被发现的 bug[^1]。 以下是安装和使用的具体操作： - **安装步骤** 打开 Visual Studio Code 并进入 Extensions 面板（快捷键 `Ctrl+Shift+X`）。在搜索框中输入 `FabianLauer/chrome-vs-code`，找到对应扩展后点击安装按钮。完成安装后，重启 VS Code 即可激活扩展。 - **使用方式** 安装完成后，可以直接在 VS Code 编辑器标签页中加载网页资源进行浏览。 --- #### 方法二：利用 Browser Preview 插件 Browser Preview 是另一款流行的插件，能够在 VS Code 内部提供简单的浏览器预览功能。其主要特点是可以自定义默认打开的 URL 地址[^2]。 - **安装过程** 同样前往 Extensions 面板，搜索关键词 `Browser Preview`，选中合适的插件并点击安装。安装成功后无需额外配置即可生效。 - **基本用法** 成功启用之后，会在状态栏新增一个图标。只需单击该图标就能触发内部浏览器窗口显示指定页面内容。 --- #### 方法三：借助 Browser Lite 工具 对于希望快速测试 HTML 文件或者轻量级网络应用的情况来说，Browser Lite 提供了一种便捷的选择。它允许用户直接从命令面板启动内置浏览器实例来渲染目标文件[^3]。 - **准备工作** 先按照常规流程添加好 Browser Lite 插件至您的工作环境中去吧！ - **实际运用场景描述如下所示:** 按下组合键 `F1` 或者 `Ctrl + Shift + P` 来唤起全局命令菜单，在其中查找 “Browse Lite Open…” 关联项执行之便可呈现相应效果出来啦~ 另外值得一提的是如果想要进一步调试的话还可以很方便地开启对应的开发者模式哦！ --- #### 方法四：尝试 Simple Browser 方案 最后介绍一种相对基础的方式——Simple Browser。虽然它的功能性较为有限(比如无法正常访问某些复杂站点)，但对于仅需展示静态文档的需求而言已经绰绰有余了[^4]。 值得注意的一点在于这种方式并不依赖任何第三方附加组件的支持就能够独立运作起来呢~ ```python # 示例代码片段演示如何调用 simple browser 查看 tensorboard 数据可视化服务端口情况 import os os.system('tensorboard --logdir=logs') print("Please open http://localhost:6006 in your vscode's built-in browser.") ``` 上述脚本会启动 TensorBoard 服务器并将日志目录设置为 logs 。随后您只需要依据终端打印的信息手动切换回 visual studio code 主界面并通过之前提到过的几种途径之一连接过去就可以了呀😊 --- ### 总结 综上所述，Visual Studio Code 用户可以根据个人需求选用不同类型的内置浏览器解决方案来进行日常编码辅助作业。无论是追求高度定制化还是单纯满足即时查看目的都能找到适合自己的选项咯🧐
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值