百度360必应搜狗淘宝本站头条
python判断字典是否为空crontab每周一执行aes和des区别安装指定版本npmadb pull
当前位置：网站首页 > IT知识 > 正文

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

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

我基本上每天都用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的时候非常有用。


相关推荐

git的撤销、删除和版本回退_git撤销删除的文件

备注：本文参考于廖雪峰的博客Git教程。依照其博客进行学习和记录，感谢其无私分享，也欢迎各位查看原文。知识点：1、gitstatus，查看git仓库的状态2、gitdiff查看git修改了的内容...

程序员开发必会之git常用命令，git配置、拉取、提交、分支管理

整理日常开发过程中经常使用的git命令！git配置SSH刚进入项目开发中，我们首先需要配置git的config、配置SSH方式拉取代码，以后就免输入账号密码了！#按顺序执行gitconfig-...

Git使用指南 | 教你轻松学会Git_git用法详解

4000字，教大家学会Git使用。一、Git基础1、Git介绍Git是目前世界上最先进的分布式版本控制系统。版本控制系统：设计师在设计的时候做了很多版本经过了数天去问设计师每个版本都改了些啥，设计师此...

深入浅出 Git_深入浅出 gRPC

git初体验使用git前需设置用户名和Email，这些信息会出现在提交记录中以标识作者。gitconfig--globaluser.name"YeHanlin"gitc...

Git不提交指定文件的方法_git不提交指定文件的方法有哪些

大家在开发项目的时候都很喜欢使用git作为代码管理工具，但是在开发项目的时候我们的本地配置文件不应该覆盖服务器中的配置文件，我们使用命令gitstatus查看待提交文件的时候需要注意不要把本地的配...

相见恨晚的 Git 命令动画演示，一看就懂

虽然Git是一个强大的工具，但是我觉得大部分人都会同意我说的：它也可以是一个……噩梦！我一直觉得，使用Git的时候把操作过程在脑海里视觉化会非常有用：当我执行某个命令的时候，分支之间是如何交互...

GitCode的一些命令_git命令大全

GitCode的一些命令配置工具对所有本地仓库的用户信息进行配置$gitconfig--globaluser.name"[name]"对你的commit操作设置关联的用户名$...

【git】 如何删除所有 tag(本地和远程)

要删除所有本地和远程的Git标签，可以按照以下步骤进行：删除本地标签首先，删除本地标签。你可以使用以下命令删除本地的所有标签：gittag-d$(gittag-l)这将列出并删除所有本地...

互联网大漏洞:每600个网站就有1个暴露了.git文件夹

对于Web开发人员来说，向外界暴露你的.git文件夹绝对是一个菜鸟级错误。因为这样会允许任何人下载你的整个源代码存储库，包括数据库密码、加密盐、Hash和第三方接口密钥API，还有你的用户名和密码。多...

git常用命令整理_git 常用

一、Git仓库完整迁移完整迁移，就是指，不仅将所有代码移植到新的仓库，而且要保留所有的commit记录1.随便找个文件夹，从原地址克隆一份裸版本库gitclone--bare旧的git地址...

项目常用GIT操作命令_git常用操作命令 简书

Git仓库更新依赖的命令：gradle--refresh-dependenciesgradleaR完全编译；./gradlewecomm:packages:telephony:larges...

【超详细】Git 所有常用命令 + 提交规范全指南(建议收藏!)

Git命令大全初始化类命令作用gitinit初始化一个本地Git仓库（当前目录会出现.git文件夹）gitclone<仓库地址>克隆远程仓库到本地，一般用来拉项目提交代...

Git 常用的alias命令大全_git -a

Git的alias（别名）功能可以将常用的复杂命令简化，大幅提升操作效率。以下是一些实用的Gitalias配置和常用示例：一、配置alias的方法通过gitconfig命令设置，分...

Git使用教程:最详细、最傻瓜、最浅显、真正手把手教

导读：因为教程详细，所以行文有些长，新手边看边操作效果出乎你的预料。GitHub虽然有些许改版，但并无大碍。一、Git是什么？Git是目前世界上最先进的分布式版本控制系统。工作原理/流程：Work...

实用干货分享(3)- Git常用操作干货分享

官方学习地址https://git-scm.com/book/zh/v2简单的代码提交流程1.gitstatus查看工作区代码相对于暂存区的差别；2.gitadd.将当前目录下修改的所有...

一周热门
最近发表
标签列表