HTML编辑器——VS Code的插件

原创于 2025-05-19 02:06:31 发布 · 433 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vscode

一、VS Code常用插件

1、Chinese

汉化

2、Auto Rename Tag

修改开始标签，结束标签自动修改

3、One Dark Pro

修改颜色主题

4、代码格式化（vscode自带）

设置 > 文本编辑器 > 格式化 > Format On Paste和Format On Save打勾

5、Open in Browser（不推荐）

浏览器预览

6、Live Server（推荐）

实时更新预览

7、vscode-icons

文件图标主题

8、会了吧

单词翻译

9、Fitten Code

ai编程助手

官方网站https://code.fittentech.com/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我真的好楠

关注关注

6
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

c++学习第3篇编辑器——VScode使用教程

xiaotiig的博客

10-23

6766

vscode的使用

Windows 下最舒服的tex编辑环境——VS code latex和JabRef的完美结合

weixin_43270336的博客

06-30

2518

Windows 下最舒服的tex编辑环境——VS code latex和JabRef的完美结合笔者先后试过线下的tex编辑器texstudio，文献管理endnote，又试过先上的tex编辑器overleaf。最终选择了VS code latex编辑器和JabRef文献管理。在安装过程中走了不少弯路，现在分享出来，希望后来想安装的人，少走弯路。为什么用Visual Studio Code 和JabRef Visual Studio Code （VS code）颜值高 VS code 有大量的插件可以帮

参与评论您还未登录，请先登录后发表或查看评论

vscode中的神级html插件

m0_48096446的博客

11-18

1965

VSCODE上的神级插件Html play

VScode 插件推荐-html篇

最新发布

Galileo2005的博客

04-18

1078

实用、便利的VS Code小插件

解决vscode 中保存后html自动格式化的问题

12-28

最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： <nz nzPageIndex]=2 nzTotal]=500 ></nz-pagination

VScode关于HTML的插件1

qq_46208057的博客

11-24

3106

VScode中的HTML插件,中文编码出现乱码问题 Chinese (Simplified) (简体中文) HTML Play open in browser

用VSCode 写HTML 语言，分享几个好用的插件

longnice666的博客

10-28

3337

Visual Studio Code（简称“VS Code” ）是Microsoft在2015年4月30日开发者大会上正式宣布一个运行于和之上的，针对于编写现代和的跨平台，可在桌面上运行，并且可用于和。它具有对和的内置支持，并具有丰富的其他语言（例如）和运行时（例如和）扩展的。

VSCode 插件

weixin_38999134的博客

01-12

862

基础通用插件 Chinese vscode编辑器汉化包，安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。 Auto Rename Tag 自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改 HTML Snippets HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了 Bracket Pair Colorizer 该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。方便我们审阅代码结构。通过修改配置文件，使

在 VS Code 中运行 html 用到的插件

Evelyn_178的博客

07-11

3602

启动一个具有静态和动态页面实时重新加载功能的开发本地服务器，用于实时预览运行效果。使用 open in browser 运行代码时，只要代码有变动，就需要手动刷新重新预览页面运行结果，而 Live Server 可以自动刷新运行结果。运行代码片段或代码文件的多种语言：C、C++、Java、JavaScript, PHP、Python、Perl、Perl 6、Ruby、Go等40多种语言和自定义命令。在默认浏览器或应用程序中打开当前文件，用于运行代码。选择在其他浏览器中运行。选择在默认浏览器中运行。

FPGA代码编辑器——4、Notepad++

04-01

Notepad++是一款非常受欢迎的免费源代码编辑器，尤其在FPGA开发领域中，它以其轻量级、高效和强大的自定义能力而受到广大开发者喜爱。这款编辑器支持多种编程语言，包括VHDL和Verilog，是FPGA开发者常用的文本编辑...

vue实现codemirror代码编辑器中的SQL代码格式化功能

12-10

vue实现codemirror代码编辑器中的SQL代码格式化功能 1、首先使用npm安装sql-formatter插件 npm install --save sql-formatter 2、然后引入该sql-formatter.js文件 import sqlFormatter from "sql-formatter"; 3、接...

vs-code里面 vue代码提示插件

03-14

在现代前端开发中，Visual Studio Code (VS-Code) 是一款非常流行的代码编辑器，它提供了丰富的扩展功能，包括对 Vue.js 框架的强大支持。对于 Vue 开发者来说，代码提示插件是提高生产力的重要工具。在本文中，我们...

一、HTML VScode常用插件

Yang

07-22

3689

优点：一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率。Theme 作用：显示 Vscode 文件、文件夹的图标。作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改。作用：该插件可通过编辑器打开默认浏览器显示代码效果。插件名称：Chinese 中文（简体）语言包。插件名称：Auto Rename Tag。插件名称：open in brower。插件名称：Material Icon。插件名称：carbon-now-sh。插件名称：Live Server。作用：通过插件可以开启本地服务。

VSCode的HTML插件

游戏乐趣的博客

04-25

2123

VSCode的HTML插件 VSCode是非常好用的代码编辑编译工具，简单配置即可适用于很多种语言。编辑HTML也同样非常优秀。我的VSCode版本里默认安装了emmet，这里是两个推荐的插件。 Live Server 实时同步代码到浏览器，VScCde中保存代码就可以看到效果。 Open in browser 在浏览器中显示效果配置非常简单，直接安装就可以。 ...

VS Code Html常用插件使用

黄嚯嚯

11-26

7847

1 . 代码自动补全插件:HTML Snippets 2 . 标签自动闭合插件:Auto Close Tag 由于html代码自动补全插件并没办法自动生成闭合标签,故此还需要一个自动补全闭合标签的插件 3 . 修改标签时同时修改匹配标签插件:Auto Rename Tag 还是接着上面的问题来说 , 有了代码自动补全 , 有了闭合标签自动补全 , 但是在修改标签的时候并没办法修改...

vscode html tab键补全插件_DIY VSCode 插件，让你的开发效率突飞猛进

weixin_39617006的博客

11-20

669

扫码关注公众号「政采云前端团队」，获取更多不掺水的原创好文～前言Visual Studio Code(简称 VSCode)凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市场 (https://marketplace.visual...

VScode插件——HTMLHint插件使用指南、规则配置说明指南、如何修改HTMLHint规则

这里是ShareJasmine的博客~

10-13

2790

VScode插件——HTMLHint使用指南、规则配置说明指南、如何修改HTMLHint规则。HTMLHint是一个用于检查HTML代码错误和潜在问题的插件。它提供了一系列的规则，用于检查HTML代码的语法、结构、标签使用等方面的问题。说白了就是以.html后缀结束的文件，进行语法检查，方便我们及时找到代码错误。

CodeMirror插件：定制化js代码编辑器

标题“代码编辑器，显示行号”直接指出了所讨论的代码编辑器插件的一个关键功能——显示行号。行号是代码编辑器中一个基础而重要的特性，它提供了一个直观的方式来进行代码导航和定位，对于开发者来说意义重大。 ##...