百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

10个必备的Visual Studio Code (VS code)插件

liuian 2025-07-23 16:11 4 浏览

我基本上每天都用vs code,我喜欢的小巧,开源,免费并且非常强大。尤其它非常多的插件可以免费使用。这里我把经常用插件介绍给大家,希望大家留言讨论

我把VS code 插件分两类,一类是处理可视化的,比如说颜色,格式等等,第二类是功能类,就是帮助我快速开发的。

可视化类(4 个)

1.Material theme 和Material Icon Theme

安装material theme完之后,可以选择多种样式,根据自己的喜好,我喜欢material theme darker high contrast。


Material Icon Theme是关于图标的样式,非常的好看,直接安装就行。



2.Prettier

从名字上看,就知道它是用做格式化的,非常方面,我建议大家打开自动保持的设置,默认是关闭的。

一旦打开,在文件保存的时候,就会自动的格式化。

3.Bracket pair colorizer 2

这插件允许用同颜色匹配的括号。 用户可以定义要匹配的符号,以及对应的颜色。

bracket pair colorizer有两个版本,我选择第二个使用与VSCode相同的括号解析引擎,从而大大提高了速度和准确性。



4.Indent rainbow

这个插件使文本前面的缩进着色,每步交替四种不同的颜色。 对于编写Nim或Python的代码很有帮助。



功能类(6个)

1.Auto Rename Tag

从名字可以看出来,它是用来重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签,这个用起来非常节省时间。



2.Rest client,

这个插件跟post man功能一样,但是非常的简洁,方便。用了这个就不用来回在post man之间切换了。


3.CSS peek

允许窥视CSS ID和class strings从html文件到相应CSS的定义。 允许窥视和转到定义。



4.html css support,

自动提示CSS的样式



5.Live Sass compiler

这个插件,可通过浏览器加载来帮助您实时将SASS / SCSS文件编译/转换为CSS文件。



6.live server

启动具有实时重新加载功能的本地开发服务器,以处理静态和动态页面。

在开发调试web的时候非常有用。


相关推荐

VS Code当中的15个神仙插件,值得收藏

VisualStudioCode是一款轻量级但功能强大的源代码编辑器,适用于Windows、macOS和Linux。内置了对JavaScript、TypeScript和Node.js...

制作简易页面计算器的详细教程和代码分享

今天教大家一个比较简单实用的Web小应用:简单计算器。这个案例比较简单、比较直观,适合小孩或者初学编程者进行编程入门的练习。用html进行入门编程练习优点非常多:IDE框架比较轻,VSCode安装方便...

CSS视觉格式化模型,你真的了解么?

CSS视觉格式化模型(visualformattingmodel)是用来处理文档并将它显示在视觉媒体上的机制。这是CSS2.1的一个基础概念。视觉格式化模型根据CSS盒模型为文档的每个元素生成0...

用Cursor开启JAVA+AI生涯(启用java script)

Cursor是基于VSCode开发的一款编辑器,支持多种语言的开发编辑。与传统的开发工具相比,它有多种优势:与AI无缝集成,响应速度快,占用内存小。但很多同学在"起步"过程中遇到了...

C# WinForms中maskedTextBox控件使用的简单示例

在C#WinForms中,MaskedTextBox是一个用于输入格式化文本的控件。它允许您定义一个掩码(Mask),指定输入的文本应该遵循的特定格式。以下是一个简单的示例,演示如何在WinForm...

C#编程基础(看这一篇就够了)(c#编程实例100篇)

C#及其开发环境简介C#概述C#是一个现代的、通用的、面向对象的编程语言,由微软(Microsoft)开发,经Ecma和ISO核准认可。它由AndersHejlsberg和他的团队在.NET框架开发...

Visual Studio Package 插件开发(Visual Studio SDK)

背景  这段时间公司新做了一个支付系统,里面有N个后台服务,每次有更新修改,拷贝打包发布包“不亦乐乎”。。。于是我想要不要自己定制个打包插件。  部分朋友可能会认为,有现成的可以去找一个,干嘛不用持续...

10个必备的Visual Studio Code (VS code)插件

我基本上每天都用vscode,我喜欢的小巧,开源,免费并且非常强大。尤其它非常多的插件可以免费使用。这里我把经常用插件介绍给大家,希望大家留言讨论我把VScode插件分两类,一类是处理可视化的,...

【推荐】一款超牛×的Visual Studio 2022插件

今天给大家推荐一款超级NB的VisualStudio2022插件——CodeMain,这是一个代码格式化及处理的插件。 一、打开添加扩展窗口;  二、查找扩展;  三、管理扩展;  四、CodeM...

Visual Studio跨平台开发实战(2):Xamarin.iOS基本控制项介绍

前言在上一篇文章中,我们介绍了Xamarin以及简单的HelloWorld范例,这次我们针对iOS的专案目录架构以及基本控制项进行说明.包含UIButton,UISlider,UISwitch...

Visual Studio Code(visual studio code干什么用的)

VisualStudioCode(简称VSCode是一款由微软开发的轻量级、强大而且免费的代码编辑器。它不仅支持多种编程语言,如Python、JavaScript、Java等,还拥有丰富的插件生...

团队协作-代码格式化工具clang-format

环境:clang-format:10.0.0前言统一的代码规范对于整个团队来说十分重要,通过git/svn在提交前进行统一的ClangFormat格式化,可以有效避免由于人工操作带来的代码格式问题。C...

Visual Studio 2022 辅助插件介绍

在软件开发的世界里,效率和质量是永恒的追求。VisualStudio2022作为一款功能强大的集成开发环境(IDE),通过引入各种辅助插件,能够极大地提升开发者的编码效率、代码质量和开发体验。本...

五款安卓程序 帮助管理你的网络存储

2015-09-1605:46:00作者:赵为民安卓设备以及非常普及,利用安全可以很好的管理的你各种服务……也包括你的存储。当然,现在几乎所有的NAS存储厂商都提供了一个应用程序,让你利用安卓设备...

局域网一个飞牛Nas,一个群晖Nas,如何互传文件?

本内容来源于@什么值得买APP,观点仅代表作者本人|作者:科技菜菜家里有一个入门群晖Nas一直在做照片备份,现在有新添了一个小主机飞牛Nas。现在遇到了一个新问题,备份到群辉的多个手机照片已经超过5...