vscode 前端常用插件（自己使用）

最新推荐文章于 2025-03-11 00:16:45 发布
原创 最新推荐文章于 2025-03-11 00:16:45 发布 · 149 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文记录了作者使用并认为方便的VSCode插件。Code Runner可直接在编辑器运行多种代码，不过运行结果可能与浏览器console中不同；Todo Tree能在VSCode左侧显示项目所有写todo的地方；GitLens可显示每行代码的提交者，便于团队合作找问题。

vscode 有很多好用的插件，但因为工作内容的不同使用的插件也有很大不同，记录一下自己使用并觉得很方便的插件。(持续更新)
1、Code Runner在这里插入图片描述
可以直接在编辑器运行代码，对日常的学习和尝试 很好用，能运行的语言很多 JS也是可以的，不过需要注意的是，在这里运行 有时候结果和在浏览器的console中会不太一样，原因就像浏览器内核不通有些结果不同一样，不过问题不大，很好用

1、Todo Tree
在这里插入图片描述
TODO 日常会用的 也会在vscodede 左侧生成一个图标，显示项目所有的写todo的地方，方便查看

3、GitLens
在这里插入图片描述
在这里插入图片描述

这个很有意思了，可以显示每行代码是谁提交的，团队合作找问题，甩锅好用（手动滑稽）

browser-console-build-error-webpack-plugin:在浏览器控制台中输出 webpack 构建错误
06-23
浏览器控制台构建错误 webpack 插件 在浏览器控制台中输出 webpack 构建错误。 用法 var BrowserConsoleBuildErrorPlugin = require ( 'browser-console-build-error-webpack-plugin' ) ; { plugins : [ new BrowserConsoleBuildErrorPlugin ( ) ] }
vscode常用插件压缩包
07-13
这个"vscode常用插件压缩包"很可能是包含了多个为提升VSCode功能和效率而设计的扩展插件。接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个...
vsCode安装todo插件
ur home
05-07 766
安装之后，我们编辑器会出现一个小树： 点击小树，就可以查看我们代码里面所有的TODO； 另外在代码里面我们的“TODO”会高亮显示：
一个非常好用的console神器【vscode插件】
feeeee889的博客
06-06 3170
使用该插件的好处： 1. 不必再手动输入console.log，实现快捷键一键生成； 2. 每次生成的console.log中会附带一个随机emoji，方便我们在众多输出中快速找到想要的输出（emoji不同于文字，人类的大脑在面对图像时印象会更深刻，并且emoji本身也挺有趣的😁）。
记录vscode常用插件
hjin_的博客
04-19 2530
vscode的常用插件
前端学习（七）页面编写——调试插件browser-sync
lsjweiyi的博客
07-25 441
上一篇学习了入门的知识，但是发现调试UI组件的位置很麻烦，所以就查资料，看看有没有高效一点的方法。 选用Chrome浏览器 目前程序员开发最合适的浏览器可能还是谷歌浏览器，所以先把webstorm的more启动浏览器调整为谷歌浏览器，在setting-tools-web Browsers 安装 ...
vscode 前端常用插件推荐
2401_85158364的博客
07-04 780
jQuery代码智能提示实时预览markdown，markdown使用者必备markdown语法纠错vscode图标主题，支持更换不同色系的图标，值得点出的是，该插件更新极其频繁，基本和vscode更新频率保持一致极简主义是不需要的使用方法,配置如下jsonvscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari设置默认浏览器。
vscode 前端常用必备插件汇总
2301_78850344的博客
05-06 1659
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
VSCode 前端常用插件集合
热门推荐
Yushia的博客
04-06 1万+
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 但工欲善其事必先利其器，以下是本人为前端开发收集的常用的vscode插件，有需要的话赶紧mark起来吧~
前端VSCode常用插件安装和使用
qq_45985929的博客
09-25 1659
刚才的插件是可以预览我们的页面，但是改完代码，浏览器必须要重新刷新，比较麻烦，因此推荐各位小伙伴安装 live server 这个插件，修改完代码，自动更新浏览器，爽歪歪~~~好的，这篇文章，先介绍到这里， 学到vue的同学肯定就安装vetur、eslint 等插件了，下章节将讲解vscode快捷键的使用。刚开始学习前端，基本页面很少，可以左边编辑器，右边浏览器，这样编写完毕代码，保存完毕后，浏览器自动更新了。vscode下载完毕是英文版的，先安装这个插件，改为中文版，所以是我们第一个安装的插件。
VScode前端常用插件
代码青春
05-20 319
https://zhuanlan.zhihu.com/p/258762892
VScode前端常用插件推荐
我好菜啊
03-21 2353
前端开发中常用的vscode插件及其使用方法等
VSCode 2025最新前端开发必备插件推荐汇总（提效指南）
Code_流苏：在代码中寻诗意，在实践中觅真知
03-11 4944
VSCode 2025最新前端开发必备插件推荐（提效指南）
vscode前端开发常用插件汇总
丑小鸭变黑天鹅的博客
03-04 707
1.HTML Snippets 超级实用且初级的 H5代码片段以及提示 2.HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 3.Debugger for Chrome 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试 https://github.com/Microsoft/vscode-chrome-debug/blob/master/images/demo.gif?raw=true ​ github.
VScode（工具篇）=> 配置console模版
余光的博客
09-03 4895
工欲善其事，必先利其器 Vs Code的多样的插件让它称为主流编辑器之一，为了让它成为我们的开发神器，我们可以配置许多“定制化”的功能 如题：作为一个前端，为了查看获取的数据 或者 及时了解对数据的处理，console是必不可少的。我们来配置一下 打开vscode,选择文件–首选项–查询 javascript.json { "Print to console": { "prefix"...
Window运行Lua文件[项目源码]
最新发布
11-24
本文介绍了在Windows环境下如何运行Lua文件的方法。通过使用cmd命令，用户可以轻松执行Lua脚本。文章还提供了相关的注释说明，帮助读者更好地理解和操作。对于需要在Windows系统中运行Lua文件的开发者来说，这是一个简单而实用的指南。
【四旋翼无人机】具备螺旋桨倾斜机构的全驱动四旋翼无人机：建模与控制研究（Matlab代码、Simulink仿真实现）
11-24
【四旋翼无人机】具备螺旋桨倾斜机构的全驱动四旋翼无人机：建模与控制研究（Matlab代码、Simulink仿真实现）内容概要：本文围绕具备螺旋桨倾斜机构的全驱动四旋翼无人机展开研究，重点探讨其系统建模与控制策略，结合Matlab代码与Simulink仿真实现。文章详细分析了无人机的动力学模型，特别是引入螺旋桨倾斜机构后带来的全驱动特性，使其在姿态与位置控制上具备更强的机动性与自由度。研究涵盖了非线性系统建模、控制器设计（如PID、MPC、非线性控制等）、仿真验证及动态响应分析，旨在提升无人机在复杂环境下的稳定性和控制精度。同时，文中提供的Matlab/Simulink资源便于读者复现实验并进一步优化控制算法。; 适合人群：具备一定控制理论基础和Matlab/Simulink仿真经验的研究生、科研人员及无人机控制系统开发工程师，尤其适合从事飞行器建模与先进控制算法研究的专业人员。; 使用场景及目标：①用于全驱动四旋翼无人机的动力学建模与仿真平台搭建；②研究先进控制算法（如模型预测控制、非线性控制）在无人机系统中的应用；③支持科研论文复现、课程设计或毕业课题开发，推动无人机高机动控制技术的研究进展。; 阅读建议：建议读者结合文档提供的Matlab代码与Simulink模型，逐步实现建模与控制算法，重点关注坐标系定义、力矩分配逻辑及控制闭环的设计细节，同时可通过修改参数和添加扰动来验证系统的鲁棒性与适应性。
SQL Server 2019安装指南[代码]
11-24
本文详细介绍了SQL Server 2019的下载及安装步骤，包括如何选择版本、设置安装选项、配置实例和混合模式密码等关键操作。同时，文章还提供了SQL Server Management Studio (SSMS)的安装教程，指导用户如何下载、安装并连接到SQL Server数据库。内容涵盖了从初始下载到最终使用的完整流程，适合需要安装SQL Server 2019的用户参考。
vscode 前端常用必备插件汇总。
07-27
以下是一些前端常用的必备插件： 1. ESLint：用于代码风格检查和自动修复，帮助保持代码质量。 2. Prettier：用于代码格式化，可以根据预设的规则自动格式化代码。 3. HTML CSS Support：提供 HTML 和 CSS 的智能...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值