值得收藏的12个Visual Studio Code插件

本篇文章给大家介绍12个vscode插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

值得收藏的12个Visual Studio Code插件

作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。【推荐学习:《vscode教程》】

VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。

1.gif

下面我们进入正题

Material Theme

第一个是Material Theme,这个插件可以帮助我们修改主题色,帮助你摆脱只有黑色和白色的世界。当然你也可以通过修改setting文件来自定义主题颜色。

2.gif

Auto Import

在写Java时,通常我是直接在代码中写出类名,然后使用IDEA自动导入相应的包的,但是使用VSC时没有这个功能,这个问题就让我很困扰,这意味着作为高级crtlCV工程师,粘贴过来的代码无法直接使用,你还要去查一些引用是属于哪个包的,怎么导入。

而Auto Import帮我解决了这个大问题,它可以自动识别,解析和增加一些对应的包。有了它,我就可以继续做ctrlCV工程师了。

3.gif

Import Cost

写过NodeJS的同学可能都会有一个体会,自己可能只写了几行代码,但是要安装的包竟然达到几个G,可能有些夸张,但是大量的node_modules真的很令人崩溃。

4.gif

这时你需要的是Import Cost来帮你控制一下你导入包的大小。

5-1.gif

当你写了一个导入语句时,它会提醒你这个包的大小,如果你发现某个包太大时,就需要考虑一下你是否真的需要引入整个包了。

Indent-Rainbow

这个插件是帮助你提升读代码的体验的,对于刚开始接触NodeJS的同学来说,读代码的时间往往比写代码的时间要多。如果项目过大时,新同学往往会迷失在很多的代码块中,分辨代码块只能靠行前缩紧数量。但是有时缩紧数量又无法一眼看出。而Indent-Rainbow就是用来帮你快速分辨代码的。

6.gif

Prettier — Code Formatter

Prettier插件是用来格式化代码的。

符合代码规范的代码可以说是一个工程师的脸面,而Prettier可以说是专门帮你维护脸面的插件。有了它,你在写代码时就可以肆无忌惮了,只需要在写完以后按一下对应的快捷键。你的代码就会马上变漂亮。

7.gif

Fireflies.ai Fireflies.ai

自动化会议记录和笔记工具,可以帮助你的团队记录、转录、搜索和分析语音对话。

Fireflies.ai 99 查看详情 Fireflies.ai

Sublime Text Keymap and Settings Importer

不知道有多少同学和我一样比较喜欢用Sublime Text。虽然ST3也非常强大,可以用来写JS代码,但是我觉得它还是比不上专业的IDE,所以我更喜欢把ST3当作「记事本」来用,如果你已经比较习惯了ST3的快捷键,并且不想因为使用VSC而改变这个习惯,那么就可以使用这个插件,它会在VSC中模仿ST3的快捷键设置。

8.gif

你可以使用command+P来唤起命令窗口,然后输入>开始像在ST3中那样操作。

npm Intellisense

npm Intellisense插件可以帮助你将你想要的node modules补充完整。

9.gif

File Utils

File Utils在我看来是一个非常方(zhuang)便(bi)的插件,它可以帮助你不使用鼠标就可以创建、移动、删除文件。看起来是不是很酷。

10.gif

Bracket Pair Colorizer

前面我们提到了缩紧的识别,这里还有一个括号颜色标识的插件。它可以把括号标为不同的颜色,方便识别括号匹配。这种插件我在IDEA中也会用,可以极大的提高读代码的效率。

11.gif

Trailing Spaces

这个插件会帮我们标出一些无用的尾部空格,如果发现,请立即删除它们。

12.gif

WakaTime

这个插件很有意思,它会统计你编码的一些数据,例如各种语言的占比,日平均编码时间等。你可以用它来统计一下你每天大概的有效工作时间是多少,如果数据比较漂亮,可以不经意间让领导看到一下,哈哈哈。

13.gif

Vscode-icons

你是否对VSC的默认icon感到厌烦呢?你想直接通过图标看出某个文件的文件格式吗?Vscode-icons插件来帮你实现。

它会让文件的icon更加友好,也可以下载一些你喜欢的icon。

14-1.gif

以上就是我常用的一些VSCode的插件。喜欢的同学可以直接去市场下载体验。这些插件可能大部分都是用于提升读代码,因为我最近也是读代码比较多。如果其他同学有好用的插件也可以分享出来。

后面我也会考虑分享一些IDEA的插件,做Java的同学可以期待一波。

更多编程相关知识,请访问:编程视频!!

以上就是值得收藏的12个Visual Studio Code插件的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/825449.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
MAC怎么修改文件和文件夹的权限_MAC文件权限修改教程
上一篇 2025年11月27日 05:18:10
Java框架中反应式编程的未来趋势和创新
下一篇 2025年11月27日 05:18:23

相关推荐

  • 实现搜索结果的 A-Z 排序:PHP 教程

    本文档旨在指导开发者如何在 PHP 中实现搜索结果的 A-Z 排序功能。通过结合 AJAX 技术和 PHP 函数,可以方便地对通过 POST 方法获取的医生搜索结果进行 A-Z 排序,从而优化用户浏览体验。本文将详细介绍实现步骤,提供可复用的代码示例,并着重强调注意事项,旨在帮助开发者快速掌握并应用…

    2026年9月21日
    000
  • MySQL全文搜索引擎集成方案_提升文本数据搜索能力的实用指南

    MySQL全文搜索引擎集成方案_提升文本数据搜索能力的实用指南MySQL全文搜索引擎集成方案_提升文本数据搜索能力的实用指南MySQL全文搜索引擎集成方案_提升文本数据搜索能力的实用指南MySQL全文搜索引擎集成方案_提升文本数据搜索能力的实用指南

    mysql原生全文搜索功能存在明显局限,需结合外部搜索引擎才能满足复杂需求。1. mysql全文搜索适用于小数据量、简单查询场景,但分词能力弱,尤其对中文支持差,查询功能有限,无法实现模糊查询、纠错等高级功能,且性能随数据量增长显著下降。2. 外部搜索引擎如elasticsearch(es)和sph…

    2026年9月21日 用户投稿
    000
  • Android应用中实现游戏循环与UI更新的正确姿势

    本文旨在解决Android应用开发中,开发者尝试使用传统游戏循环(如while(running))导致应用无响应或崩溃的问题。核心内容是阐明Android事件驱动的UI模型,指导开发者如何正确初始化UI组件、设置事件监听器,并通过事件回调机制实现逻辑更新和UI刷新,避免阻塞主线程,确保应用的流畅运行…

    2026年9月21日
    700
  • google浏览器“请停用以开发者模式运行的扩展程序”怎么解决_google浏览器开发者模式扩展提示解决方法

    1、关闭开发者模式并移除手动扩展可消除警告;2、替换为官方商店版本扩展避免风险;3、修改注册表或组策略可永久屏蔽提示;4、使用命令行参数临时绕过检查。 如果您在使用Google Chrome浏览器时,看到“请停用以开发者模式运行的扩展程序”的警告提示,这通常是因为当前有通过非应用商店方式加载的扩展程…

    2026年9月21日
    900
  • 如何用AffinityPhoto导出AI生成图片?专业图像保存的详细指南

    答案:AI生成图片导出时,色彩管理确保跨设备色彩一致,避免印刷偏色。需根据用途选择sRGB(网页)或CMYK(印刷)色彩空间,结合DPI、格式和重采样设置优化输出。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ Affinity Photo…

    2026年9月21日
    600
  • 蝴蝶号无人直播怎么赚钱?从引流到转化全拆解

    蝴蝶号无人直播要赚钱,核心在于内容策划与流量转化结合。1.内容为王,需优质且有吸引力,如风景、美食、宠物或商品展示;2.引流关键在平台规则运用,包括标题、标签、封面及定时开播;3.变现方式多样,如带货、知识付费、广告等,需与内容高度匹配;4.应对挑战需持续更新内容、多账号运营、增强互动感、防范技术与…

    2026年9月21日
    1000
  • AMD RX 9070 XT显卡难得用12V-2×6供电接口:结果连烧两块!

    AMD RX 9070 XT显卡难得用12V-2×6供电接口:结果连烧两块!AMD RX 9070 XT显卡难得用12V-2×6供电接口:结果连烧两块!AMD RX 9070 XT显卡难得用12V-2×6供电接口:结果连烧两块!AMD RX 9070 XT显卡难得用12V-2×6供电接口:结果连烧两块!

    10月14日最新消息,尽管NVIDIA显卡已普遍采用12V-2×6 16针供电接口,但AMD官方至今未将其纳入标准设计。目前仅有华擎、蓝宝石等少数厂商在非公版产品中尝试使用,而华硕也曾在R9700专业卡上应用过该接口。然而近期接连曝出接口烧毁事件,引发广泛关注。 首例问题出现在华擎的RX …

    2026年9月21日 用户投稿
    000
  • MAC的随航(Sidecar)功能怎么使用_MAC Sidecar功能使用教程

    首先确认设备兼容性,确保Mac和iPad满足硬件与系统要求,并登录同一Apple ID。接着开启Wi-Fi和蓝牙,使两设备处于同一网络。通过控制中心“显示器”选项选择iPad名称,无线连接即可建立;或使用数据线进行有线连接以获得更稳定体验。连接后可在“系统设置-显示器-随航”中配置扩展或镜像模式,启…

    2026年9月21日
    000
  • MacBookPro怎么下VSCode_MacBookPro下载安装VSCode详细教程

    访问code.visualstudio.com下载Mac通用版安装包;2. 解压后将Visual Studio Code.app拖入“应用程序”文件夹;3. 首次运行需右键选择“打开”以绕过安全限制;4. 推荐安装Python、Prettier等常用插件并配置环境变量;5. 若字体模糊可调整zoom…

    2026年9月21日
    000
  • MySQL慢查询到底是什么_怎样快速定位并修复它?

    MySQL慢查询到底是什么_怎样快速定位并修复它?MySQL慢查询到底是什么_怎样快速定位并修复它?MySQL慢查询到底是什么_怎样快速定位并修复它?MySQL慢查询到底是什么_怎样快速定位并修复它?

    mysql慢查询可通过开启日志、分析日志和针对性优化快速定位修复。具体步骤:1. 修改配置文件或使用命令开启慢查询日志并设置阈值;2. 利用mysqldumpslow或pt-query-digest工具分析日志内容,找出耗时sql;3. 针对常见原因如缺少索引、sql写法不合理、数据量过大、锁竞争及…

    2026年9月21日 用户投稿
    000
  • HuggingFace的AI混合工具如何使用?开发AI模型的实用操作教程

    HuggingFace的AI混合工具核心在于其生态系统设计,通过Transformers库的统一接口、Pipelines的抽象封装、Datasets与Accelerate等工具,实现多模型组合与微调。它允许开发者将复杂任务拆解,利用预训练模型如BERT、T5等,通过Python逻辑串联不同Pipel…

    2026年9月21日
    1000
  • Java中高效查找时空事件重叠的方法

    本文探讨了在Java中高效查找具有空间和时间范围定义的事件之间重叠的解决方案。核心思想是将时空事件编码为二维矩形,然后利用专业的空间索引结构(如R树、四叉树或PH树)进行快速查询。通过这种方法,可以显著提升在大规模数据集中识别事件重叠的效率,并提供了使用Tinspin索引库的示例代码和实践建议。 时…

    2026年9月21日
    000
  • PHPComposer怎么安装_PHPComposer依赖管理工具安装与使用指南

    PHPComposer是PHP的依赖管理工具,类似npm或pip。需先安装PHP,再下载并验证composer-setup.php,执行安装生成composer.phar,推荐全局安装至/usr/local/bin/composer,运行composer –version验证。使用com…

    2026年9月21日
    000
  • 怎么用VSCode编HTML_VSCodeHTML开发基础与实时预览设置教程

    答案是配置Emmet、安装Live Server等插件并优化设置可大幅提升VSCode中HTML开发效率。具体包括:使用Emmet缩写快速生成HTML结构,如输入!后按Tab键生成完整HTML5模板;安装Live Server实现保存后浏览器自动刷新的实时预览;开启“保存时格式化”功能保持代码整洁;…

    2026年9月21日
    000
  • UC浏览器网页截图工具在哪里_UC浏览器网页截图功能入口

    1、打开UC浏览器点击右上角三点菜单,查找“截屏”选项即可截图;2、部分版本支持双指下滑手势或通过分享功能保存为图片;3、建议更新至最新版以获取完整截图功能。 如果您在浏览网页时需要快速保存当前页面的内容,但找不到UC浏览器的截图功能入口,可能是由于界面更新或功能隐藏导致操作路径不明确。以下是找到并…

    2026年9月21日
    000
  • 如何为iPhone12ProMax下载固件?快速获取方法分享

    首先通过苹果官方开发者中心、第三方固件网站或iTunes/Finder获取iPhone 12 Pro Max的正确固件文件,确保来源可靠并校验完整性,再进行系统降级或修复操作。 如果您尝试为您的iPhone 12 Pro Max进行系统降级或修复系统错误,但无法找到合适的固件文件,则可能是由于下载渠…

    2026年9月21日
    000
  • 开源 串口调试助手 BaoYuanSerial 使用教程「建议收藏」

    大家好,很高兴再次与大家见面,我是你们的老朋友全栈君。 简介:本软件采用.Net5与Avalonia技术实现跨平台解决方案,适用于Linux Ubuntu和Windows系统,并已在Ubuntu20.04及Win10 Professional 20H2上成功测试。 官方下载地址: GitHub项目地…

    2026年9月21日
    100
  • 一周学会蝴蝶号无人直播的完整课程计划推荐

    一周学会蝴蝶号无人直播的完整课程计划推荐一周学会蝴蝶号无人直播的完整课程计划推荐一周学会蝴蝶号无人直播的完整课程计划推荐一周学会蝴蝶号无人直播的完整课程计划推荐

    掌握“蝴蝶号”无人直播的核心要义,一周内可搭建初步系统并具备独立操作能力。1.第一天厘清概念并完成基础环境搭建;2.第二天熟悉obs基础操作与场景构建;3.第三天准备高质量内容素材并确定风格;4.第四天设置自动化逻辑与推流配置;5.第五天处理互动机制及常见问题;6.第六天进行首次正式直播并复盘;7.…

    2026年9月21日 用户投稿
    100
  • MySQL如何处理长时间运行的查询_避免数据库阻塞?

    MySQL如何处理长时间运行的查询_避免数据库阻塞?MySQL如何处理长时间运行的查询_避免数据库阻塞?MySQL如何处理长时间运行的查询_避免数据库阻塞?MySQL如何处理长时间运行的查询_避免数据库阻塞?

    诊断mysql慢查询需1.开启慢查询日志并设置long_query_time;2.使用explain分析sql执行情况;3.借助工具如pt-query-digest分析日志。优化涉及1.确保join字段有索引;2.优化join顺序及减少join表数;3.使用临时表、批量处理和数据分区。防止阻塞应1.…

    2026年9月21日 用户投稿
    000
  • tiktok网络使用链接 tiktok网页版入口地址

    TikTok网页版入口地址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来TikTok网页版入口地址,感兴趣的网友一起随小编来瞧瞧吧! https://www.tiktok.com 1、提供多样化的短视频内容,涵盖生活记录、才艺展示等多个领域。 2、界面设计简洁直观,用户可以快速上手并流畅…

    2026年9月21日
    200

发表回复

登录后才能评论
关注微信