一、HTML VScode常用插件

最新推荐文章于 2024-03-01 15:16:07 发布
最新推荐文章于 2024-03-01 15:16:07 发布
阅读量3.2k 收藏 11
点赞数
分类专栏： HTML 文章标签： html vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41382608/article/details/131874203
版权

HTML VScode常用插件

文章目录

简体中文语言包

插件名称：Chinese 中文（简体）语言包
作用：将 VSCode 操作界面转换为中文
安装完成后重启VScode即可

在这里插入图片描述

vscode-icons 显示代码图标

插件名称：Material Icon
Theme 作用：显示 Vscode 文件、文件夹的图标
在 VScode 扩展插件中搜索 “Material Icon Theme” 即可安装

在这里插入图片描述

open in brower 通过编辑器直接打开默认浏览器

插件名称：open in brower
作用：该插件可通过编辑器打开默认浏览器显示代码效果

在这里插入图片描述

Live Server 开启本地服务器

插件名称：Live Server
作用：通过插件可以开启本地服务
优点：一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率

在这里插入图片描述

Auto Rename Tag 自动修改标签对名称

插件名称：Auto Rename Tag
作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改

在这里插入图片描述

carbon-now-sh 将代码生成一张图片

插件名称：carbon-now-sh

  • 作用：可提升逼格的插件，在实际开发中遇到技术问题或者做部分代码片段分享，可以使用该插件将代码生成一张图片
  • 使用方法：
    • 在 VSCode 中，选中需要生成图片的代码
    • 打开命令托盘：Windows：Ctrl + Shift + P，Mac：Cmd + Shift + P
    • 输入 Carbon，回车

在这里插入图片描述

Emmet 语法

在实际开发中可以大大的提升开发效率
Emmet 官方文档：https://docs.emmet.io/cheat-sheet/

@YangC
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
精选！必备的 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
VSCode前端必备插件，有可能你装了却不知道如何使用？
weixin_45178716的博客
10-28 3523
在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。　都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻...
前端vsCode常用插件整理
最新发布
lv_qingru的博客
03-01 783
VSCode 作为前端开发的一个工具，选择好用的插件能够提高开发效率，然后剩下的时间用来摸鱼学习是很有必要的。点击“扩展”模块，在搜索框中搜索想要安装的插件，安装即可。
精选！15 个必备的 VSCode 插件（前端类）
热门推荐
土家稀哥
07-17 3万+
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。 1. Open-In-Browser
【vscode插件集】学前端一年，珍藏的 40个 vscode 插件
缚己
03-08 1万+
猿生不能只有 Ctrl + C 和 Ctrl + V，还要有 Ctrl + D。 工欲善其事，必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ，呸~ 提升效率必备的 40 个 vscode 插件。 看完觉得有帮助的记得点个赞~ HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿，打 HTML 标签那必须是快速的，vscode 本身就提供了标签自动闭合的功能。但是对于一些自定义标签 vscode 就不能识别了。 这时安装这个插件，vscode 就可以自动识别你的自定义标.
VSCode调试Html中的脚本 vscode前端常用插件推荐，搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for...
12-13 3369
一、背景 使用VisualStudioCode写了一个简单的Html页面，想调试下其中script标签里的javascript代码，网上查了一通，基本都是复制粘贴或者大同小异的文章，就是要安装Debugger for Chrome插件，修改launch.json配置信息，F5启动，这些都照做了，但是仍有两个问题，一个是Html文件里不能打断点，只能在js文件里面打，二...
VSCode 常用插件推荐
全栈程序员小黑的博客
05-03 3823
VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。适用于 VS Code 的中文（简体）语言包拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。
Vscode——开发常用插件分享
weixin_45328723的博客
05-26 6752
一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('ignore') import ssl ssl._create_default_
VSCode 插件
weixin_38999134的博客
01-12 700
基础通用插件 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 2138
启动一个具有静态和动态页面实时重新加载功能的开发本地服务器，用于实时预览运行效果。使用 open in browser 运行代码时，只要代码有变动，就需要手动刷新重新预览页面运行结果，而 Live Server 可以自动刷新运行结果。运行代码片段或代码文件的多种语言：C、C++、Java、JavaScript, PHP、Python、Perl、Perl 6、Ruby、Go等40多种语言和自定义命令。在默认浏览器或应用程序中打开当前文件，用于运行代码。选择在其他浏览器中运行。选择在默认浏览器中运行。
VScode插件——HTMLHint插件使用指南、规则配置说明指南、如何修改HTMLHint规则
ShawBurton的博客
10-13 1706
VScode插件——HTMLHint使用指南、规则配置说明指南、如何修改HTMLHint规则。HTMLHint是一个用于检查HTML代码错误和潜在问题的插件。它提供了一系列的规则，用于检查HTML代码的语法、结构、标签使用等方面的问题。说白了就是以.html后缀结束的文件，进行语法检查，方便我们及时找到代码错误。
VS Code常用离线插件vsix包
04-12
VS Code常用离线插件vsix包
Visual Studio Code前端常用插件详解，教你玩转vscode
01-08
Visual Studio Code安装插件前端常用插件 前端常用插件 我们常用的webstorm自从不能获取注册码以后。用起来感觉很费事，隔断时间就需要重新激活。没办法只能找别的。用了很多前端开发软件，倒是各有优点，但是我推荐的是Visual Studio Code，但是需要自己装一下插件才能用的很6，下面是我总结出的前端常用插件。 插件名称 用途 Auto Close Tag 自动闭合HTML/XML标签 Auto Rename Tag 自动完成另一侧标签的同步修改 Beautify 格式化 html ,js,css Prettier 格式化JavaScript
vscode-ilovejuejin
05-06
我爱掘金 把掘金网站塞到VSCode里，并添加了更多乐趣！ 最近沉迷掘金不能自拔，一天大概有10个小时都在掘金上面刷呀刷。同时还在一边使用VSCode码代码。我突发奇想，能不能把掘金塞进VSCode里呢？ 我对于这个插件的设计原则 1. 不能影响掘金该有的流量 比如市场中其他的掘金插件，都是利用爬取到的掘金api给大家展示文章，这样的话，掘金主站的流量就被抢了，这不是我想看到的结果。 2. 必须能提供一些独特的价值 比如开发常用的工具，提供即时聊天服务等等。让掘友们摸鱼更爽。 基于以上原则，我主要围绕着利用Webview来展示掘金相关页面，这样的话，能最大程度的保障掘金官方的利益。 保护好掘金官方的利益，也就是保护咱们掘友的利益。 已知问题 由于VSCode的安全策略，webview里新开窗口的链接都无法点击。所以我重写了掘金的首页(这里会对首页的流量产生影响，但已是唯一可行的方案)，让文
vsCode安装使用教程和插件安装方法
12-11
vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面 vsCode是什么 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 vsCode安装 voCode是免费的软件 下载
vue-practice
07-24
VScode目前已成为前端开发者中最受欢迎的编辑器之一，依靠其轻型的体量与强大的拓展性，安装适合的插件有助于我们提高我们的开发效率，这里推荐一些我常用的插件 Chinese (Simolified) Language Pack for Visual Studio Code 翻译插件，可以将VScode的语言换为中文，适合英语不好的小伙伴(我在写这篇文章时发现下载最新版VScode后已会提示是否将语言更换为中文，此处就是通过下载该插件来实现语言转换）。 Comment Translate 基于Google Translate API的插件，其功能为： (1)识别代码中的注释部分，不干扰阅读，支持不同语言，单行、多行注释。 (2)支持用户字符串与变量翻译，支持驼峰拆分。 (3)选择区域翻译-划词翻译。 (4)翻译并替换选择内容。 (5)选中最后一次翻译区域命令。 Live Server 一个具
dev-tools:整理自己平时用到的一些工具, 如 chrome 插件 vscode 插件 mac 常用工具等, 持续更新中
05-13
dev-tools整理自己平时用到的一些工具, 如 react 相关生态 chrome 插件 vscode 插件等
史上最全VSCode插件，怪不得写代码头疼，VSCod安装与配置（适合小白）.pdf
05-09
史上最全VSCode插件，怪不得写代码头疼，VSCod安装与配置（适合小白）本文介绍了VSCode常用插件及VSCode安装与配置
【HTML】常用标签语义及用法、VSCode开发常用插件
weixin_45895411的博客
03-07 3668
本文介绍HTML基础知识，包括编辑器的使用，html的结构以及常用标签
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会自动加载工作区配置，并应用于项目。这方便了项目的共享和团队协作，使得项目的配置能够一致和统一。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值