推荐几款WEB开发不得不装的VS CODE插件

原创 已于 2025-02-19 09:46:54 修改 · 187 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #servlet #html #vscode

于 2022-06-21 17:06:12 首次发布
本文介绍了前端开发中必备的工具，如Prettier用于代码格式化，BracketPairColorizer2增强代码可读性，AutoRenameTag实现标签自动补全，CSSPeek提升CSS开发效率，以及PHPIntelephense进行PHP代码格式化。团队协作中，统一这些工具能确保代码风格一致，提高可读性和二次开发效率，进而提升软件质量。

  1. 格式化排版 Prettier(针对前端HTML CSS开发)
  2. 顯示大括號區塊 Bracket Pair Colorizer 2(建议使用黑色主题的使用, 使用白色主题的可能感觉不太明显)
  3. 自動完成對應的tag Auto Rename Tag
  4. 快速顯示CSS CSS Peek(Vue不支持)
  5. PHP Intelephense(PHP代码格式化)

团队人数多时必须使用同样的开发工具, 同时要求必须安装同样的插件, 只有这样才能保证代码风格的一致性, 可读性, 二次开发效率才会更高. 代码也会更规范, 软件质量才会更好; 山东艾思软件就要严格要求

Trae插件开发：开启IDE智能进化之旅
远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享
07-05 943
《Trae插件：AI赋能的编程助手开发实践》 摘要：Trae插件是一款集成AI能力的智能编程工具，通过自然语言交互实现代码生成、智能补全和问题解答等功能。本文以开发信息追踪插件为例，展示了Trae插件的实战应用：利用Builder模式快速搭建项目结构，通过Chat模式实现核心代码开发，并借助AI能力进行调试优化。该插件可自动记录代码构建信息，兼容Webpack和Vite项目，显著提升开发效率。文章还介绍了插件发布流程，展示了Trae在项目搭建、代码实现和问题解决等方面的优势，展望了AI编程工具的未来发展。
基于Devbox+Cursor的Web APP开发不完全指南—以“工时管理系统”为例
weixin_47350740的博客
11-21 2224
使用AI生成web app
【转】VSCode Web开发插件
kakarrot2009的专栏
02-07 28
Web开发必备插件 1、Beautify - HTML、CSS、JS、JSON语法高亮 语法高亮，你懂的。 Beautify 2、Auto rename tag - 自动重命名标签 在HTML, XML文件中修改标签时，直接在前标签名上修改，插件会自动修改后标签名。 Auto-rename Tag 3、Guides - 代码对齐辅助线 智能IDE内置的功能，在VSCode...
【Web】VS Code 插件
享你所想
04-15 3127
一、安装步骤 二、插件 1.Chinese (Simplified) (简体中文) 2.open in browser 3.vscode-icons 4.Live Server 5.Live Server Preview 6.翻译(英汉词典) 三、快捷键 1.缩放代码字号
VS代码对齐插件
08-20
vs 代码对齐工具，方便代码阅读，很实用的VS插件！！！！
提高 Web 开发效率的10个VS Code扩展插件，你知道吗？
葡萄城技术团队博客
09-07 1565
一个出色的开发工具可以显著提高开发人员的开发效率，而优秀的扩展插件则能更进一步地提升工具的效率。希望这些插件能够满足开发者的需求，在开发过程中更加高效、便捷。JavaScript(ES6)代码片段插件可以帮助开发人员节省时间：开发人员可以在一个地方获取所有的代码，而不需要重复的输入。Live Server（实时服务器）插件无疑是开发者中使用最为广泛的插件之一，它能够启动本地开发服务器，并具备静态和动态页面的实时重新加载功能。借助这个强大的插件，开发者能够享受到实时预览的便利，极大地提升开发效率。
vscode常用插件
weixin_44671184的博客
04-20 138
1.Auto Close Tag (必备) 自动闭合HTML/XML标签 2.Auto Rename Tag (必备) 自动完成另一侧标签的同步修改 3.Beautify (必备) 格式化 html ,js,css Prettier 格式化JavaScript / TypeScript / CSS 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome (推荐) 映射vs
web3开发DApp项目技术入门教程（2022年最新）
热门推荐
captxb的博客
03-22 1万+
2022 年最新 web3 开发入门教程，一文带你快速入门 web3.0时代。 内容包括： 1. 智能合约创建和部署 2. Solidity语言入门 3. hardhat框架使用及本地环境搭建
告别手写代码|AI接管插件开发,30分钟搞定一周工作量
最新发布
Cocos的博客
07-01 848
这是一个 Cocos Creator 插件项目，实现了一个 Hello World 界面，从项目名称 kylin-ai-terminal 来看，应该是想实现一个可以和 AI 交互的控制台，但目前并未查到相关代码。：对于某些应用，可以在开发模式时，将主体功能放进子进程里，并使用快捷键进行重启，发布模式时，以主进程方式启动，可避免反复重启 Cocos Creator。在这个情况下，Cocos 当初的选择，又成为了当下的最优选，使我们在 AI 的加持下，可以快速为项目定制插件，飞一般提升项目的开发效率。
网页代码编辑器的两个插件: ACE 和 CodeMirror
qq1024407215的博客
02-20 5884
用ACE实现网页代码编辑器和代码高亮一下链接是官网 http://ace.c9.io 提供的ace代码高亮库（不得不吐槽一下这个官网，只有这一个有效链接……） https://github.com/ajaxorg/ace/tree/master/lib/ace 将 ace.js 导入页面中<script src="/src-noconflict/ace.js"></script>写html页面，
vscode最实用的插件
JIME_Y的博客
08-02 850
Auto Close Tag 自动闭合HTML/XML标签 Auto Rename Tag 自动完成另一侧标签的同步修改 Beautify 格式化 html ,js,css Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 GitLens 方便查看git日志，git重度使用者必备 HTML CSS Support智能提示CSS类名以及id HTML Snippets 智能提示H
对于Web开发最棒的22个Visual Studio Code插件
2401_84413180的博客
04-27 854
我喜欢Snippets插件。我觉得没有必要反复输入同一段代码。这个插件为你提供了流行的（ES6）JavaScript代码片段。注…如果你没有用es6javascript特性——赶紧用起来吧！3. ESLint是否想编写更好的代码？是否需要整个团队使用一致的格式？安装ESLint。这个插件可以配置为自动设置代码格式以及带有错误或警告的“yell（提示）”。VS Code通过合适的配置，可以向你展示这些提示。在代码编辑器中进行更改，切换到浏览器，然后刷新以查看更改。
【Web】VS Code那些好用的前端插件
Mister_的博客
11-15 780
vs code里好用的前端插件
前端问题：vscode有哪些好用且开发常用的插件？
专注于前后端技术知识分享。
07-13 546
整理vscode中好用的且开发中常用的插件，不常用的不再列出。
vscode常用web插件
zhou_shadow的博客
07-05 3408
无意中找到的github上面的vscode中web开发中的一些有意思的插件，记录一下 github网址链接
【web前端开发】vs code插件推荐(以及一些使用技巧)
qq_35306736的博客
09-27 1505
0.Chinese (Simplified) Language Pack for Visual Studio Code 说明：简体中文版 1.Beautify 说明：使用快捷键格式化代码时生效的风格 2.Bracket Pair Colorizer 2 说明：使闭合的每组{}、[]、()显示相同的颜色，并且不同组的括号与括号之间颜色区分开。 3.Highlight Line 说明：高亮横行显示当前光标所在行 4.GitLens — Git supercharged 说...
2024年vscode 前端常用必备插件汇总，研发4面真题解析（Web前端岗）
2401_84617356的博客
05-10 1291
编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色Auto Close Tag 自动闭合HTML/XML标签。
2024年前端最全对于Web开发最棒的22个Visual Studio Code插件，太香了
2401_84616292的博客
05-06 1445
在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。使用此插件，你可以在项目的侧边菜单中打开一个额外的菜单。安装后，只需右键单击文件，你将看到在Github中打开文件的选项。此插件对各种类型的注释进行不同颜色标记，以赋予它们不同的含义，并在其余代码中突出。
VS 扩展插件 Web Essentials
小泉的博客
02-22 1309
功能见：http://www.cnblogs.com/TomXu/archive/2011/11/22/2258849.html 非常强大的一款插件。推荐下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

艾思软件-自动化软件

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值