vscode 快捷键 运行 html（打开 html 的正确姿势）

最新推荐文章于 2024-03-23 09:48:22 发布
最新推荐文章于 2024-03-23 09:48:22 发布
阅读量2.1w 收藏 35
点赞数 34
分类专栏： Tool
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43901693/article/details/96150585
版权

推荐使用第二个插件

推荐插件1： open in browser

在这里插入图片描述

使用方法
  • 在写好的html页面 右键
  • 选择默认浏览器 或者 其他浏览器
  • 点击即可运行
  • 修改代码后，需要先保存代码，再刷新浏览器页面

快捷键：
默认浏览器 Alt+B
其他浏览器 Shift+Alt+B

在这里插入图片描述

推荐插件2：Live Server

在这里插入图片描述

使用方法
  • 在写好的html页面 右键
  • 选择 open with Live Server 打开即可
    在这里插入图片描述

优点

  • 在更改文件后自动重新加载页面
  • 配合vscode的自动保存，简直不要太棒！！
  • 再也不用每次Ctrl+S保存之后，去浏览器刷新页面了
    在这里插入图片描述

在这里插入图片描述

清潇和梨花
关注
  • 34
    点赞
  • 踩
  • 35
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
VScode 快捷键大全 Linux
12-21
VScode 快捷键大全 Linux
VScode快捷键PDF，A4打印版本
02-03
VScode快捷键PDF，A4打印版本，转自https://github.com/skywind3000/awesome-cheatsheets/blob/cd8d0cebfe32c9263db8291a270bd33a162dc924/editors/keyboard-shortcuts-windows.pdf
VsCode怎么运行html界面
Ice Point.
12-10 5043
一般我们安装完VsCode需要安装很多插件。 若是想在vscode运行我们编好的代码在各浏览器进行运行 那么我们可以安装两个插件： ①：open in browers 使用它的方式有alt+b运行； 或者切换alt+shift+b切换不同浏览器运行； 并且可以运行多个界面 ②view in browers 可以在自己想打开的htm目录中右键，出现view in browser即可运行打开； ...
VSCode快捷键大全：提升编程效率的利器
Blog of Leviash
12-24 1228
本文将为您详细介绍Visual Studio Code（VSCode）中常用的快捷键，这些快捷键可以帮助您快速地导航、编辑和调试代码，提高编程效率。通过掌握这些快捷键，您将能够更轻松地应对各种编程任务，提升工作效率。
html常用快捷键（编辑器：VScode）
最新发布
2301_80138597的博客
03-23 161
（5）选择任意行内容 并按住Alt+up/down：将选择内容上移或下移（可选择一行也可选择多行）（7）Ctrl+/：注释单行，再按一次Ctrl+/则为撤销注释。（2）Alt+shift+up/down：向上复制/向下复制。（8）Ctrl+C复制 Ctrl+V粘贴 Ctrl+A全选。（9）Ctrl+S保存（养成保存的好习惯）发布于2024-03-23著作权归作者所有。+回车：直接生成html基本结构。（4）Ctrl+Z：撤销上一步操作。（6）Ctrl+F：查找内容。（3）Tab：补全剩余内容。
vscode快捷键桌面背景图.jpg
11-26
vscode快捷键桌面背景图.jpg
如何在vscode里面快速运行html代码（包含如何在vscode里面编写html代码）
快乐学习
11-16 2万+
​前言： 1.如何在vscode编写html代码在我的另一篇文章当中有详细教程，这是超链接。 2.很多小伙伴编写了html代码后，在vscode里面右键找不到如何去运行代码，或者运行代码的方式很不方便。那么就要在vscode里面下载一个插件，这个插件运行html代码会非常的方便没有下载vscode插件之前，右键是没有这个open in Default Browser，就找不到怎么样运行vscode里面的html代码了。 三、额外知识（vscode选择html代码在哪个浏览器页面运行）
VSCode如何运行HTML页面
u011895157的博客
11-10 9274
第一步：首先我们需要新建一个HTML文件，写入一段代码。写完之后点击鼠标右键发现是没有能运行的选项的。 第二步：进入“扩展”界面之后，我们在搜索框内输入“ open in browser ”，然后点击安装即可。 第三步：安装完成之后，再返回到原先的HTML界面，然后鼠标右键，找到下图标识的选项进行运行，或者快捷键ALT+B 可以看到运行成功了！ ...
如何使用VS Code 建立并运行HTML文件（超详细，新手入内）？-VS Code 编辑器的使用
热门推荐
在森林里麋了鹿
04-04 7万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、打开VS Code 配置插件二、建立运行HTML文件1.选择文件夹2.建立HTML文件3.运行HTML文件 前言 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。但是如何在VS Code中建立运行html文件呢？详见如下内容 一、打开VS Code 配置插件 首
如何在VsCode运行html（包教包会）
永恒之蓝的博客
02-04 8542
第一种 1）插件 在VSCode界面按下F1，在出现的搜索框输入ext install，准备下载需要安装的插件。点击Intall Extensions,出现搜索框，输入想安装的插件，这里需要两个open in browers（使用它的方式alt+b运行，并且可以运行多个界面），view in browers（在想打开的htm目录中右键，出现view in browser即可运行打开；只能打开一个界...
vscode 快捷键集合，PDF中文版本，打印版本
04-19
vscode 快捷键集合，PDF中文版本，打印版本
vscode快捷键.7z
08-17
vscode快捷键中文版-一页版.
VSCode调试Html网页（使用本机 Chrome调试）
尹章小又的博客
05-29 9300
VSCode调试Html网页（使用本机 Chrome调试）,调试js，lanch.json配置 第一步：在VSCode中打开你的代码目录 第二步：Debug->Start Debugging->选择Chrome 第三步：编辑launch.json如下： 代码如下： { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of exis
vscode如何运行html文件
冲出仁川，走出马德里，故事还会再继续
07-05 3703
文章目录步骤1、打开vscode软件，编写一个html页面，如下：2、点击扩展图标3、搜索`open in browser`,点击安装4、在需要运行的html页面右键，选择`open in default browser` 步骤 1、打开vscode软件，编写一个html页面，如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi
vscode怎么运行代码HTML 怎么在vscode编写HTML代码
QQ_____365392777的博客
05-30 4万+
vscode怎么运行代码HTML 怎么在vscode编写HTML代码 vscode怎么运行代码HTML?vscode是一款源代码编辑器软件，能够用于windows、macOS以及Linux系统，具有丰富的其他语言。网站html编写也需要使用到vscode，但是很多小伙伴们不知道如何运行编写html代码，那么今天就来教大家vscode怎么运行代码HTML以及怎么在vscode编写HTML代码，一起来看看吧。 vscode怎么运行代码HTML 1、首先打开vscode软件，新建一个HTML文件，后缀名也需要写上
VScode如何在浏览器中打开html文件
pinbolei的博客
11-26 6万+
Vscode默认是在控制台下查看html文件，对于我们查看和调试都很不方便，那如何在浏览器中打开呢？ 1.新建一个HTML文件 2.点击左侧的扩展，打开扩展栏 3.在扩展栏的搜索栏中输入open in browser，找到open in browser这款插件，点击右下角“安装”字样即可安装。 因为我已经安装了，所以再搜索不会显示安装字样 4.安装完成后可以看一下这款插件的扩展文档，里面有插...
如何在VScode中运行HTML
Tina_dl的博客
03-04 9895
初次在VScode中写 HTML，不会运行，现在知道了 首先需要安装插件，找到安装插件的库，安装插件 View In Browser插件 | 安装好了会出现一个小螺丝，插件安装成功 -回到资源管理器 打开自己的测试HTM文件，写测试代码 Helo Tina! 鼠标右键选 Open in browser 测试成功 ...
用VSCode运行调试html
晨之清风
09-25 3749
用VSCode运行调试html
vscode快捷键alt+B打开html页面
04-28
抱歉，我是一个文本AI模型，无法直接操作计算机。但是，我可以告诉你如何在VSCode中打开HTML页面。你可以通过在VSCode中打开HTML文件，然后使用快捷键“Ctrl + Shift + P”来打开命令面板，接着输入“Open Preview to the Side”并按回车键即可在侧边栏打开HTML预览。你也可以安装Live Server插件，在HTML文件上单击鼠标右键并选择“Open with Live Server”来启动一个本地服务器并在浏览器中打开HTML页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值