前端开发vscode好插件自测

最新推荐文章于 2024-06-20 18:25:26 发布
最新推荐文章于 2024-06-20 18:25:26 发布
阅读量163 收藏
点赞数
文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40981660/article/details/120681986
版权
本文介绍了11款Visual Studio Code的实用插件，包括BracketPairColorizer为括号着色，OneDarkPro和MaterialIconTheme美化代码风格，AutoRenameTag自动完成HTML标签，Prettier进行代码格式化，以及SVGViewer查看SVG图像等。这些插件能显著提升开发者的工作效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、Bracket Pair Colorizer

在这里插入图片描述
给括号添加颜色

在这里插入图片描述
2、One Dark Pro
在这里插入图片描述
修改相应的代码颜色
在这里插入图片描述

3、Material Icon Theme

在这里插入图片描述
修改图标
在这里插入图片描述
4、Office Viewer

在这里插入图片描述

虽然是显示excel和csv文件内容的插件，但是主题颜色我挺喜欢的

5、Auto Rename Tag
在这里插入图片描述
一个自动补全html标签的插件

6、Color Info
在这里插入图片描述
一个显示css颜色的插件

7、Easy LESS
在这里插入图片描述
自动将less文件转换为css文件插件

8、Prettier - Code formatter

在这里插入图片描述
自动格式化代码插件

9、SVG Viewer
在这里插入图片描述
可以查看SVG图片的插件

10、Live Server
在这里插入图片描述
可以实时打开服务器的插件

11、open in browser
在这里插入图片描述
打开不同的浏览器插件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

VSCode 2025最新前端开发必备插件推荐汇总（提效指南）
Code_流苏：在代码中寻诗意，在实践中觅真知
03-11 2650
VSCode 2025最新前端开发必备插件推荐（提效指南）
前端从零到一开发vscode插件并发布到插件市场
zyf_baby的博客
05-30 1904
前端从零到一开发vscode插件并发布到插件市场，开发插件是提高前端段位和收入的好方法。
vscode插件开发之 - TestController
qiaotl的博客
06-20 1232
通过实际例子介绍如何在vscode插件开发中调用测试框架执行测试，并收集测试结果
给你的 vscode 扩展增加测试设置
ygqygq2的IT博客
04-15 1814
vscode 扩展测试配置，官方文档没有说到的地方，踩了不少坑，这里总结一些经验供大家参考
这是对cnblog 再 vscode的插件测试
weixin_43410808的博客
06-16 180
这是一个测试 最近买了几本书
Vs code插件rest client(测试接口)
weixin_33892359的博客
06-12 3679
有时在开发中需要对接口进行测试可以借助REST Client插件。 1、安装插件 2、新建.rest文件 开始写接口和配置，如下： @hostname=192.254.186.55//ip或域名 @port=80//端口号 @host={{hostname}}:{{port}} //注意：不能有空格出现 /* *写接口和参数： *每个接口写完用###开头...
9款超级实用 VSCode 插件，让 Python 编程轻松愉悦
2301_78285120的博客
05-30 1万+
Python Preview是一个适用于VSCode的Python代码预览插件，可以将Python代码转换为漂亮的HTML页面，并在浏览器中进行预览。通过该插件，程序员可以在VSCode中方便地预览Python代码的运行结果和效果，提高代码开发的效率和可读性。它会自动审查和改进代码，这样就可以花更多时间专注于编写新代码，减少清理代码的时间。Python Indent是一个适用于VSCode的Python缩进插件，可以自动调整Python代码的缩进，保持代码的格式一致。TODO 代码表示未来将要进行的操作。
vscode常用插件压缩包
07-13
接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个代码格式化工具，可以自动按照一定的规则格式化代码，保持代码风格的一致性。 - `ESLint`：...
前端开发vscode插件推荐
最新发布
01-05
### 推荐的VSCode扩展用于前端开发 对于前端开发者而言，Visual Studio Code (VSCode) 提供了一系列强大的工具来提高工作效率和代码质量。以下是几个被广泛认可并使用的最佳VSCode扩展： #### 1. Prettier - Code ...
超级适合前端入门的vscode插件（千万级下载量！）
m0_51160509的博客
01-03 1384
提供了大量 HTML 标签的代码片段，减少了手动输入的工作量。- 支持自动补全和提示功能，可以快速编写正确的 HTML 代码。- 提高了代码的可读性和一致性，遵循了最佳实践和约定。- 方便学习和掌握 HTML 标签的使用方式。作者不再维护了，不过并不影响插件的功能，还是很好用的，安装这类已弃用插件主页会弹出提示，勾选就可以了。
vscode通过插件一键运行 c++单元测试
crispto的博客
12-09 6017
c++单侧
VSCode常用插件
收集、分享
09-09 3057
VSCode插件
vscode代码拼写错误检测插件
乾复道
07-20 1万+
闲话少说，本文介绍如何使用code-spell-checker插件对代码进行拼写错误检查！
打CodeForces时一款好用的vscode插件，如何使用 如何更好地使用
热门推荐
<font color="Pink">Tisfy的博客</font>
01-27 3万+
目录插件名称如何下载如何使用合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 插件名称 Codeforces Bot 如何下载 直接在vscode中搜索安装即可 如何使用 安装完成后，会多出这个插件 [Codeforces Bot]
VS Code真机测试步骤
weixin_34226706的博客
05-26 1万+
VS Code真机测试步骤 前提：你的电脑跟你的手机是在同一个网络环境下。电脑连手机热点； 1．在扩展里搜索live server，下载安装； 2．打开cmd 命令窗口（快捷键是win+r）； 输入ipconfig；复制 ipv4址，同步 vscode中的Live Server中的host。重启你的vs code； 3. 将要测试的页面用vscode打开，运行底...
vscode中的接口测试插件：REST Client
she_jw的博客
04-15 3592
作为一个前端开发，之前测试后端接口的时候，都用的postMan，最近Chrome浏览器中内置的postman插件用不了，必须使用客户端了，于是，决定使用vscode中插件：REST Client。使用该接口测试工具，已经基本满足前端的调用测试了。 1、在vscode的扩展中（快捷键：Ctrl+Shift+X），直接输入rest client，点击安装即可。 2、项目目录下，新建一个http文件；...
vscode接口测试插件—Postcode
Bertil的博客
08-07 5702
以前一直在用 Postman 做 API 测试，如果同时在使用 vscode 开发时，每次切出去可能比较烦，其实就是太懒了。。。 作为一个懒人，不久前刚出来的Postcode就非常适合了！ Postcode 是一个 Visual Studio Code 扩展 它可以看作是 Postman 的替代品，基本上 Postman 的常用功能它都有： 类似于 Postman 的直观 UI，与任何 VSCode 主题无缝匹配 支持 GraphQL 请求 支持从请求中生成代码片段 并且，可以使用 vscode
2021年最流行的10款VSCode扩展
优快云资讯
02-24 7498
【优快云 编者按】由于扩展可以很大程度提高开发的效率，VisualStudio Code 俨然成为开发者社区最流行的一款编辑器。本文就为大家介绍下 2021 年最流行的 10 款Vis...
初识vscode插件开发(一)-工程搭建、命令运行及调试
popstarqq的博客
02-11 4431
开发环境：nodejs和vscode；先确保安装了nodejs环境和vscode编辑器；编辑器用其他也可以 也是第一次尝试；中间肯定会有坑，所以就记录下； 1 全局安装官方脚手架 打开命令终端，执行 npm install -g yo generator-code；等待几分钟 npm install -g yo generator-code 2 配置工程 打开命令终端，执行 yo code；如下 设置参数如下: 稍等片刻，我们的工程就初始化完成了 工程目录如下: ...
前端开发利器：VSCode插件大全
对于前端开发者来说，一些插件如Auto Close Tag, Auto Rename Tag, Prettier, ESLint等，可以显著提高开发效率和代码质量。Auto Close Tag和Auto Rename Tag可以帮助开发者自动闭合和重命名HTML标签，减少重复工作。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值