vscode中的神级html插件

最新推荐文章于 2024-08-24 22:36:22 发布
最新推荐文章于 2024-08-24 22:36:22 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： HTML 笔记 文章标签： vscode ide 编辑器 HTML html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48096446/article/details/127926259
版权
笔记 同时被 2 个专栏收录
31 篇文章 0 订阅
订阅专栏
HTML
1 篇文章 0 订阅
订阅专栏

**

Html play

**

  1. 在插件市场中搜索：Html play，点击安装。
    在这里插入图片描述
    重新启动vscode，当你的vscode的状态栏中有了这个标志说明安装成功了在这里插入图片描述
    在你需要监听的html文件上按ctrl+alt+h使用
    测试专用

```bash
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<body>
    <div></div>
</body>
<script>
    $('div').html("<div>1</div>");
</script>
jio本小子
关注
专栏目录
vscode神级插件---Open PHP/HTML/JS In Browser
飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘飘
06-17 4658
选择Open PHP/HTML/JS In Browser后会在浏览器中自动解析相应的地址在.vscode中添加settings.json文件 设置插件选项 在设置中搜素 @ext:PrimaFuture.open-php-html-js-in-browser在这里选择 custom就OK了
VScode神仙插件，程序员必备
耀的博客
01-21 1万+
程序员必备
一、HTML VScode常用插件
Yang
07-22 3497
优点：一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率。Theme 作用：显示 Vscode 文件、文件夹的图标。作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改。作用：该插件可通过编辑器打开默认浏览器显示代码效果。插件名称：Chinese 中文（简体）语言包。插件名称：Auto Rename Tag。插件名称：open in brower。插件名称：Material Icon。插件名称：carbon-now-sh。插件名称：Live Server。作用：通过插件可以开启本地服务。
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix
vs code中编写html的配置，插件安装
最新发布
weixin_43794311的博客
08-24 299
vs code好用的几款插件
VSCode 插件
weixin_38999134的博客
01-12 775
基础通用插件 Chinese vscode编辑器汉化包，安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。 Auto Rename Tag 自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改 HTML Snippets HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了 Bracket Pair Colorizer 该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。方便我们审阅代码结构。通过修改配置文件，使
VScode关于HTML的插件1
qq_46208057的博客
11-24 2939
VScode中的HTML插件,中文编码出现乱码问题 Chinese (Simplified) (简体中文) HTML Play open in browser
在 VS Code 中运行 html 用到的插件
Evelyn_178的博客
07-11 3226
启动一个具有静态和动态页面实时重新加载功能的开发本地服务器，用于实时预览运行效果。使用 open in browser 运行代码时，只要代码有变动，就需要手动刷新重新预览页面运行结果，而 Live Server 可以自动刷新运行结果。运行代码片段或代码文件的多种语言：C、C++、Java、JavaScript, PHP、Python、Perl、Perl 6、Ruby、Go等40多种语言和自定义命令。在默认浏览器或应用程序中打开当前文件，用于运行代码。选择在其他浏览器中运行。选择在默认浏览器中运行。
VsCode中使用Emmet神器快速编写HTML代码
weixin_30740295的博客
06-05 1080
一、Emmet简述 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了 Emmet，它可以极大的提高代码编写的效率，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML...
用VSCode打造宇宙最强Markdown编辑器【VSCode篇】vscode+MPE插件+PigGo图床+最佳实践+使用技巧
望儿山下小苗圃的博客
10-24 3780
用VSCode打造宇宙最强Markdown编辑器【VSCode篇】vscode+MPE插件+PigGo图床+最佳实践+使用技巧 是一个打造VSCode的超强Markdown编辑器，为在CSDN上写博客的一个全程指导系列，包含安装设置技巧，Markdown插件使用，图床神器PicGo插件设置，用VSCode写Markdown博客的最佳实践，CSDN博客发布技巧，Git版本控制等，此为第一集，VSCode篇
vscode markdown preview enhance 插件 pdf 导出
热门推荐
美人如玉
06-09 1万+
vscode markdown 导出为 pdf 方法探究 vscode markdown 导出为 pdf 方法探究 前言 Open in Browser 导出 Chrome（Puppeteer）导出 pandoc 导出 prince 导出 eBook 导出 特别提示 front matter 的编写 pandoc parse 其他插件 markdown pdf Markdown Con...
编辑器进化 VSCode + Vim
奇舞周刊
03-13 1976
本文作者为 360 奇舞团前端工程师VSCode 是一款非常流行的代码编辑器。它支持多种编程语言，拥有丰富的插件和调试功能，不论是处理前端工程还是后端工程，VSCode 都能提供给开发者优秀的用户体验。鉴于 VSCode 超高的流行度，我会默认各位使用过 VSCode，这里就不对其再多做赘述，我会着重介绍标题里的另一位主角 —— Vim。本文会从 Vim 的设计哲学和功能特性出发，让你了解 Vim...
VScode插件——HTMLHint插件使用指南、规则配置说明指南、如何修改HTMLHint规则
这里是ShareJasmine的博客~
10-13 2269
VScode插件——HTMLHint使用指南、规则配置说明指南、如何修改HTMLHint规则。HTMLHint是一个用于检查HTML代码错误和潜在问题的插件。它提供了一系列的规则，用于检查HTML代码的语法、结构、标签使用等方面的问题。说白了就是以.html后缀结束的文件，进行语法检查，方便我们及时找到代码错误。
【HTML】常用标签语义及用法、VSCode开发常用插件
weixin_45895411的博客
03-07 4763
本文介绍HTML基础知识，包括编辑器的使用，html的结构以及常用标签
VS Code Html常用插件使用
黄嚯嚯
11-26 7667
1 . 代码自动补全插件:HTML Snippets 2 . 标签自动闭合插件:Auto Close Tag 由于html代码自动补全插件并没办法自动生成闭合标签,故此还需要一个自动补全闭合标签的插件 3 . 修改标签时同时修改匹配标签插件:Auto Rename Tag 还是接着上面的问题来说 , 有了代码自动补全 , 有了闭合标签自动补全 , 但是在修改标签的时候并没办法修改...
vscode运行html的插件_vscode前端常用插件推荐，搭建JQuery、Vue等开发环境
weixin_39646706的博客
12-20 2457
vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义(redefined)了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；比起sublime，vscode颜值更高，安装配置插件更为方便...
VSCode前端必备插件，有可能你装了却不知道如何使用？
weixin_45178716的博客
10-28 3589
在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。　都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻...
VSCode的HTML插件
游戏乐趣的博客
04-25 2082
VSCode的HTML插件 VSCode是非常好用的代码编辑编译工具，简单配置即可适用于很多种语言。编辑HTML也同样非常优秀。我的VSCode版本里默认安装了emmet，这里是两个推荐的插件。 Live Server 实时同步代码到浏览器，VScCde中保存代码就可以看到效果。 Open in browser 在浏览器中显示效果 配置非常简单，直接安装就可以。 ...
vscode html常用扩展插件安装
fangjial的博客
09-12 1948
点击左侧图，或者按快捷键ctrl shift x 之后只需要在商店中点击install即可 安装插件参考如下链接 https://blog.csdn.net/shenxianhui1995/article/details/81604818 ...
VSCode 1.93.0 新增中文语言插件
该插件能够让使用中文的操作系统环境中的用户更加便捷地使用VSCode，因为它将界面的默认英文显示转换成了简体中文，包括菜单、快捷键提示、设置界面等。 3. 版本信息： 插件适用于VSCode的1.93.0版本，这是微软在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值