vscode 书签_10个我必备的 VS code 拓展

推荐:Vue 3中令人激动的新功能:Fragment+Suspense+多v-model

VS Code是我最喜欢的文本编辑器。它是目前最可扩展的、最流行的代码编辑器。而且令人惊讶的是,它是由微软制作的(我知道)。在我看来,没有任何其他IDE或编辑器能比VS Code更接近。它的强大之处在于它的扩展系统。它允许你为你能想到的每一个可能的用例编写一个扩展。以下是我的10个顶级扩展。

1.Beautify

3860e4ea633cccacc016421f9ca9cc15.png
ext install HookyQR.beautify

Beautify允许你用自己的自定义风格配置格式化html、js、css、json和sass文件。它在内部js-beautify的基础上进行了扩展,使其可以自定义为您的个人风格。

2.Better Comments

e077091c6558b57e96158d26291daa55.png
ext install aaron-bond.better-comments

这个扩展允许你为你的评论添加语义。它可以将评论分类,比如将评论分为提醒、查询、待办事项和亮点。3e4b5cff5fd35d9a6fdcd14794fdc1db.png

3.Bookmarks

1d041d4759067f7e14511e6e1e1f8b3b.png 这个扩展是个救星,特别是当你发现自己在几百行代码中迷失了方向时。这个扩展可以让你在任何一行代码上做书签。然后,当你需要回去的时候,你只需要浏览一下书签列表,然后选择你要访问的行。

5dab229d05b52800057be34f9828c071.png

4.Bracket Pair Colorizer 2

50707bda5d28f099ac82cde424118969.png
ext install CoenraadS.bracket-pair-colorizer-2

这个扩展的作用和它的名字一样。它对相关的方括号进行颜色编码。这对你来说有很大的帮助,当你结束了几个范围深入到代码中时。

cd59bb185daa59631ea89b02c3189b17.png

5.Format in Context Menus

f32b4f1dfea0b4e0de498ffd047b5c6c.png
ext install lacroixdavid1.vscode-format-context-menu

这个扩展名允许你只需在侧边栏中选择所有的文件,就可以将其格式化。当你有大量的文件,而你的环境又不支持格式化器和衬垫时,这一点特别有用。 

6.Git Graph

2aef32adda72542051872612bf83cb6c.png
ext install mhutchie.git-graph

它可以让你查看你的仓库的Git Graph,并从图表中快速执行Git操作。它的可配置性很强,功能也很丰富。要解释这个扩展的好处,可能要花一个新的篇章来解释。

bcd57785d2c4c6257bb2b7690bfaec7e.gif

7.Git Lens

f1e21fee9a41241806b8d4d180f707a8.png
ext install eamodio.gitlens

GitLens通过Git注释和代码镜头帮助您一目了然地反映代码作者。它使您能够无缝导航和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。

a46e3942ac3f1a638eda8c350be72d17.png

8.indent-rainbow

17dc1e00f1bf9ddcd48b162d14b03707.png
ext install oderwat.indent-rainbow

这个扩展将代码的缩进颜色化,在每个缩进层上用不同的颜色来表示。这在使用Python等语言的深度范围内特别有帮助。

9.ath Intellisense

961462061147d0a12803d9fb4fd0d38c.png
ext install christian-kohler.path-intellisense

Path Intellisense为文件路径添加了自动完成功能。虽然VS-Code原生支持自动完成,但它只限于HTML、CSS和JavaScript文件。而这个扩展到了所有语言和文件类型。

e3b8e5b6489e39172598e283a18215bc.gif

10.Total Lines

fb235a6d4bb858efee7a44a3bcad754c.png
ext install praveencrony.total-lines

这是一个方便的小扩展程序,可以在状态栏中添加当前打开的文件的行数。是你的扩展系列中的整齐的补充。


就这样,伙计们。这些是我最喜欢的VS Code扩展。我想在评论中听到你最喜欢的扩展。

原文:https://dev.to/godcrampy/10-vs-code-extensions-i-can-t-code-without-3ann

推荐阅读:

扶我起来,我还能学:迎接 Vue 3.0

CSS 中calc()的完整指南(一)

Vue 3中令人激动的新功能:Composition API

掘金小册全网8折优惠入口

febfbe7e9fb626e773a2e7ea087356de.png

公众号后台回复【前端】加入群

好文和朋友一起看~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/355338.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

u盘显示项目不在计算机zhng,能装在u盘上的操作系统有哪些?

满意答案zhng9211推荐于 2016.08.27采纳率:51% 等级:11已帮助:7556人可装在U盘上的操作系统现在的计算机技术简直日新月异,U盘,固态硬盘等等存储介质做的可以越来越大,并越来越便宜。电脑已经不是稀罕物…

推荐 -- 极客导航,让工作学习更有效率

给大家推荐一个导航,很实用;极客导航精心挑选网址,让您的工作更有效率; 传送门: http://www.gogeeks.cn/ 转载于:https://www.cnblogs.com/JsonShare/p/7064438.html

iphone型号表_机器人造iPhone,苹果奋斗八年,还是败给了富士康工人

8 年前,当蒂姆 库克在富士康观看机器人进行 iPad 实验生产视频时,似乎看到了新时代的希望。郭台铭曾表示,预计在 2014 年可以在富士康工厂中部署 100 万台机器人,进而实现高度自动化的「无人工厂」。机器之心报道,参与…

笔记本如何选择修复计算机,如何处理旧的笔记本电脑?这些操作必不可少!

原标题:如何处理旧的笔记本电脑?这些操作必不可少!如何处理旧的笔记本电脑?不要把它丢掉。那台旧笔记本电脑至少应适当回收。就算是打算仅回收旧笔记本电脑,也请确保有效擦除所有数据。备份如今,云服务如此…

Android开源工具项目集合

最近因为要去外派了,工欲善其事,必先利其器!所以又回顾了一下自己github上所收藏的项目,也算是温故而知新吧。 最流行的Android组件大全 http://www.open-open.com/lib/view/open1409108030307.html android开源项目分类汇总 http…

Android-Universal-Image-Loader学习笔记(3)--内存缓存

前面的两篇博客写了文件缓存。如今说说Android-Universal-Image-Loader的内存缓存。该内存缓存涉及到的类如图所看到的 这些类的继承关系例如以下图所看到的: 如同文件缓存一样,内存缓存涉及的接口也有两个:MemoryCacheAware 和MemoryCache&a…

css设置字体颜色怎么设,css里面怎么设置字体颜色?

在html中我们经常要用到css样式来美化html标签的一些不足之处,今天我们就来说说如何用css的基本样式来改变文本的颜色,文章通俗易懂,希望大家看完后能练习练习加深印象。一、首先我们先给大家看个html字体的基础代码:HTML中文网字…

visio科学图形包_科学网—科研必备:几款好用的流程图工具,助力你的论文/科研绘图...

写SCI论文常常会遇到一个问题——如何才能让读者通俗易懂地理解自己的研究?如果不能让读者了解研究过程,读者会对研究结果是否合理、如何应用存在疑问;尤其是期刊编辑和审稿人如果不能通过咱们的叙述,清楚地了解研究内容&#xff…

网络通信基础(草稿)

应用层:httpd/ssh/ 等软件 应用层功能:规定应用程序的数据格式。传输层:tcp/udp --> port,唯一标识一个主机上的某个进程 端口范围0-65535,0-1023为系统占用端口 传输层的功能:建立端口到端口的通信…

JSF范围教程– JSF / CDI会话范围

会话作用域跨越多个HTTP请求-响应周期(理论上是无限的)。 当您需要每个HTTP请求-响应周期进行一次交互时,请求作用域在任何Web应用程序中都非常有用。 但是,当您需要对属于用户会话的任何HTTP请求-响应周期可见的对象时&#xf…

数字通信原理_光耦继电器在实际应用中的作用以及工作原理!

光耦继电器---先进光半导体由于光耦继电器输入输出间互相隔离,电信号传输具有单向性等特点,因而具有良好的电绝缘能力和抗干扰能力。又由于光耦的输入端属于电流型工作的低阻元件,因而具有很强的共模抑制能力。所以,它在长线传输信…

css的fill属性,css column-fill属性怎么用

css column-gap属性定义及用法在css中,column-gap属性通常和columns、column-count等分列属性一起使用,用来设置元素内容分列(多列布局)后列与列之间的距离css column-gap属性语法格式css语法:column-gap: length / normal;(例:co…

css点击事件不做反应,纯css无js实现点击事件

已经阅读主要根据的技术点:标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏…

Spring Integration Framework简介

我们非常了解Spring框架和JMS 。 在本文中,我们将介绍称为Spring Integration的企业集成框架 。 Spring Integration是一个开源企业集成框架,可增强Spring单独完成的功能。 Spring Integration构建在Spring的IoC之上,它抽象了消息源和目标&am…

网络营销广告投放策略

网络营销广告投放策略 网络营销第一桶金:10年微博热火,粉丝1毛一个,我看到了这个机会。开发了注册微博账户的软件可以卖粉丝了怎么推广呢微博账户头像上加广告,去关注活人,被关住的人,就能看到广告&#xf…

空间皮肤代码_OpenCV实现皮肤表面粗糙度3D显示

点击上方蓝字关注我们微信公众号:OpenCV学堂关注获取更多计算机视觉与深度学习知识问题分析与思路这个是最近有人问我的一个问题,想把一个拍好的皮肤图像,转换为3D粗糙度表面显示,既然是粗糙度表面显示,我想到的就是把…

windows修改时间服务器,在Windows中设置时间服务器 2012 R2

大家都知道, 时的服务是任何网络中最重要的组成部分, 任何系统, 在所有计算机上同步时钟是我们可以做的事情工作,也都成功同步的内部系统最少. 通常情况下,我们有一个网络时间服务器以从外部时钟获得的时间和内部提供.什么NTP服务器的默认地图, 在这种情…

q版地图制作软件_Flash动画的图形元件实例-Q版人物侧面行走

对于刚入门者而言,学会了基本图形的绘制之后,如何应用软件的各种动画补间功能,制作出具有表现力的动画,就需要更进一阶的知识技能了;那么,设计制作一个卡通人物的行走效果,如何从没有头绪的任务…

绝地服务器维护7月5日,绝地求生正式服7月5日停机更新维护内容公告

我们将在北京时间7月5日(星期四) 上午10点 开始正式服的停机维护。- 维护开始时间:7月5日(星期四) 上午10点 (预计3小时)玩家们大家好,伴随PGI2018的临近,我们将向大家呈现以PGI为主题、全新风格的PUBG。我们将向玩家们提供丰富的活动和奖品&…

javafx2_JavaFX 2 GameTutorial第1部分

javafx2介绍 我相信大多数软件开发人员可能会在年轻人(年轻人)生活的某一时刻被迫创建游戏来帮助他们学习编程语言(我知道我曾经做过)。 以前,我的第一台计算机实际上是Franklin Ace 1000 ,后来是Apple [] …