【vscode html】VsCode中阅读远程html文件

最新推荐文章于 2024-05-01 02:04:16 发布
最新推荐文章于 2024-05-01 02:04:16 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 日常生活学习记录 文章标签： vscode html 远程阅读html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45377629/article/details/125603838
版权

实质是使用本地浏览器打开远程html文件。

步骤1：安装插件
在这里插入图片描述
步骤2：找到html文件，在界面中打开
在这里插入图片描述
步骤3：点击右下角的Go Live
在这里插入图片描述
若显示的不是Go Live，点一下这个位置，稍等一下就会变成Go Live了。

效果图如下：
在这里插入图片描述

寻找永不遗憾
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
网页运行vscode远程写代码体验
duziea的博客
10-31 1405
项目地址 github.code-server coder.com 之前在做项目时，本地采用Windows写代码，而服务器为Linux，环境部署耗费时间，后来用过pycharm的远程开发，连接Linux服务器，在本地写好代码上传，调用服务器的解释器运行。 现在，由coder开源的一个code-server，，不需要pycharm，不需要上传本地文件，直接在浏览器中写代码，让我们一起来体验下 首先...
VSCode软件，软件编辑工具
03-31
9. **实时预览**：对于前端开发，VSCode可以通过插件实现HTML、CSS和JavaScript的实时预览，修改后立即在浏览器中看到效果。 10. **源代码管理**：VSCode集成了源代码管理功能，如查看更改历史、比较文件差异等，...
vscode 如何实时显示html文件？
Dontla的博客
03-13 6406
VSCode 实时预览 HTML 页面 注意：html文件名或者路径好像不能有中文，否则显示不出来？
2024年最全VScode远程连接linux
最新发布
m0_60750088的博客
05-01 2099
Host为在VS Code内显示的名称，可以随意填写，Hostname是远程服务器的公网IP地址，User 是用于登录的用户名称。如下图：选择.ssh/config。
VScode如何在浏览器中打开html文件
热门推荐
pinbolei的博客
11-26 6万+
Vscode默认是在控制台下查看html文件，对于我们查看和调试都很不方便，那如何在浏览器中打开呢？ 1.新建一个HTML文件 2.点击左侧的扩展，打开扩展栏 3.在扩展栏的搜索栏中输入open in browser，找到open in browser这款插件，点击右下角“安装”字样即可安装。 因为我已经安装了，所以再搜索不会显示安装字样 4.安装完成后可以看一下这款插件的扩展文档，里面有插...
html写入远程文件内容,iOS – 从Webview中的html资源文件或远程网页显示内容
weixin_34393451的博客
06-04 138
你可以轻松地加载这样的网页：NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://stackoverflow.com"]] ;[webView loadRequest:request] ;对于本地文件,这取决于设备上文件的位置：对于主包(=您的项目)中的文件,您可以使用相同的loadRe...
VSCode用浏览器预览/运行html文件
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
09-14 9224
打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮（注意不是2019年版本的vscode可能不是第五个按钮，是第四个）； 或者按住Ctrl+shift+X 进入扩展搜索框，在应用商店搜索框中输入“view in browser”会自动进行搜索 右击任意html→点击“View In Browser”或者按住Ctrl+F1即可在浏览器中打开html了！ ...
html服务器无法远程访问,打开远程服务器的html
weixin_36321633的博客
06-17 164
弹性云服务器 ECS弹性云服务器(Elastic Cloud Server)是一种可随时自助获取、可弹性伸缩的云服务器，帮助用户打造可靠、安全、灵活、高效的应用环境，确保服务持久稳定运行，提升运维效率三年低至5折，多种配置可选了解详情Windows云服务器配置文件共享和网络磁盘映射方法||https://support.huaweicloud.com/trouble-ecs/ecs_trouble...
GitTutorial:在VScode中使用Git的教程
05-26
1. **克隆仓库**: 在VSCode中，可以通过"终端"面板运行`git clone <仓库URL>`命令来克隆一个远程仓库。 2. **添加文件**: 使用`git add .`命令可以将所有更改添加到暂存区，或者用`git add <文件名>`选择性添加单个...
vscode-lldb:基于LLDB的VSCode的本机调试器扩展
04-28
在集成或外部终端中启动调试对象， 具有指令级步进的反汇编视图， 加载的模块视图， Python脚本， 用于高级可视化HTML呈现， Rust语言支持，内建可视化工具，可处理矢量，字符串和其他标准类型， 启动配置的...
vscode环境实例。。。。。
06-06
在本文中，我们将深入探讨如何配置和利用VSCode进行高效的开发工作。 首先，让我们了解VSCode的基本功能。它提供了语法高亮、代码片段、智能感知（自动补全）、Git集成、调试工具、内置终端以及大量可扩展的插件，...
vscode-git
03-28
通过VSCode-Git，你可以轻松跟踪和管理HTML文件的改动，协同开发网页，并与其他开发者同步工作。同时，VSCode的其他HTML相关特性，如语法高亮、自动完成、文档预览等，也使得HTML开发更为便捷。 总之，VSCode的Git...
html5 打开远程网页,远程开发
weixin_39867708的博客
06-22 206
原创翻译，转载请看清文末的转载要求，谢谢合作！在过去的十年中，通过建立一个远程团队来完成应用程序和网站开发的工作，X-Team称第二就没人哪敢称第一。在这段时间，我们通过自己艰难的摸索终于发现了成为一个真正高效的远程开发者所需要具备的品质。下面，我把这些发现给大家分享一下。这可是我们的秘密法宝哦。一般人我不告诉他。如果你和你的团队都能严格要求自己，实施我们发现的诀窍方法，那么你的远程开发团队一定会...
探索微软的VSCode WebView UI Toolkit：构建现代化Web视图UI的新工具
gitblog_00031的博客
03-24 548
探索微软的VSCode WebView UI Toolkit：构建现代化Web视图UI的新工具 项目地址:https://gitcode.com/microsoft/vscode-webview-ui-toolkit 项目简介 微软的VSCode WebView UI Toolkit是一个开源项目，它提供了一套用于在Visual Studio Code (VSCode)扩展中构建现代、响应式...
vscode如何运行html_真的动手写的VSCode的插件(图片浏览)之2(完成)
weixin_39750410的博客
11-25 596
首先官方在介绍这个新的视图的时候，介绍了一堆的不应该什么什么？https://code.visualstudio.com/api/extension-guides/webview 在我看来吧，你想用就用呗。那有那么多的费话。不适合，自己肯定能感觉出来的嘛。先准备些基础知识：window.createWebviewPanel 创建一个新的Web...
vscode调用HTML文件
qq_62904883的博客
12-27 765
如何使用vscode运行html文件并查看运行结果
vscode插件开发（四）Webview（1）
江达小记
11-22 3175
vscode的webview插件的自由度很高，可以满足开发者的各种定制化的要求。本篇介绍一个基于vue3的vscode webview插件模板。
vscode怎样自动生成html编程格式,Visual Studio Code (vscode)自定义HTML页面自动生成格式...
weixin_39804603的博客
05-31 824
学习Vue时新建每一个HTML文件时都要手动引入一次Vue.js，太麻烦，本人又很懒 所以写了自定义HTML页面生成的格式，自动生成的HTML页面格式代码里就自带Vue.js的引入。过程如下：工具栏 > 文件 > 首选项 > 用户代码片段 在上方弹出的搜索框中输入html.json 回车 打开html.json 文件 json文件长这样： 在json文件中填写配置代码，即可自定...
Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器
Yongqiang Chen的博客
01-18 1万+
Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器，话不多说直接开整：第一步：打开 VS Code 编辑器，在侧边栏中选择“扩展”，搜索并安装 Thief-Book 插件第二步：准备好要看的小说txt文件，需要另存为选一下utf-8格式，否则待会儿文字会乱码第三步：点击扩展设置，将小说绝对路径填入第四步：按下快捷键 Ctrl+Shift+P，打开命令面板，输入Thief-Book，然后任意选择NextBook开启底部状态栏摸鱼模式
vscode常用插件 .vscode文件压缩包
10-22
VSCode是一款功能强大的编辑器，它支持使用插件来扩展和定制功能。以下是一些常用的VSCode插件： 1. Prettier：这是一个代码格式化插件，可使您的代码整齐统一，提高可读性。 2. ESLint：这是一个JavaScript代码检查工具，它可以帮助您捕获潜在的错误和优化代码。 3. GitLens：这个插件为您的代码提供了Git集成，您可以轻松地查看代码的历史记录、作者信息和更多详细信息。 4. Code Runner：这个插件可以直接在VSCode中运行您的代码。它支持多种编程语言，为您提供了方便的代码运行环境。 5. Live Server：这个插件可以帮助您在本地创建一个简单的本地服务器，并自动刷新您的网页内容。这对于前端开发和调试非常有用。 6. Bracket Pair Colorizer：这个插件可以为您的代码中的括号添加不同的颜色，使您更容易地识别和匹配括号。 7. Path Intellisense：这个插件可以为您的代码中的文件路径和导入提供智能提示和自动补全。它可以大大提高您的开发效率。 8. Docker：这个插件可以与Docker集成，帮助您管理和操作容器和镜像。 9. IntelliSense for CSS class names：这个插件为您的HTML和CSS代码提供智能提示和自动补全。它可以更快地编写和编辑CSS类名。 10. Remote - SSH：这个插件可以帮助您通过SSH远程连接到其他机器，并在VSCode中进行编辑和调试。 以上是一些常用的VSCode插件，您可以根据自己的需求选择适合您的插件来提高开发效率和代码质量。 至于.vscode文件压缩包，它是包含了VSCode工作区配置的压缩文件。VSCode的工作区配置包括项目的设置、调试配置、启动任务和其他自定义配置。您可以将.vscode文件夹压缩成一个.zip或者.tar.gz文件，并与您的项目一起分享或备份。当您或其他人解压缩并在VSCode中打开这个压缩包时，VSCode会自动加载工作区配置，并应用于项目。这方便了项目的共享和团队协作，使得项目的配置能够一致和统一。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值