优化vscode使用,你可能缺了这几个插件

270 阅读2分钟

打造一个舒适的vscode,就从现在开始! 本篇文章将向您介绍10余个插件,一定有您需要的

Chinese (Simplified) (简体中文)Language Pack for Visual Studio Code:必不可少的中文插件

屏幕截图 2023-11-02 003824.png

【中文语言包】这应该不用多介绍,是vscode的官方中文语言包

汉化你的vscode!让界面、设置等都变成中文!

Live Server

屏幕截图 2023-11-02 004033.png

你可以在开发过程中轻松调试网页。它提供了一种快速、便捷的方式来预览你的网页,并实时查看你对代码所做的修改。这对于前端开发和调试非常有帮助,可以提高你的开发效率,并提供更好的实时反馈。

Code Runner:以最简洁的方式运行任何代码

屏幕截图 2023-11-02 003846.png

不需要繁琐的“调试”配置,Code Runner可以快速地以最简洁的方式运行你的任何代码!

支持超过40种语言!

auto close tag

屏幕截图 2023-11-02 003711.png

在编写HTML/XML代码时自动添加闭合标签。

它会根据开放标签的闭合括号的位置自动插入相应的闭合标签,并将光标定位在开始标签和结束标签之间,提高了编写代码的效率和准确性。

auto rename tag

屏幕截图 2023-11-02 003733.png 在修改HTML标签的时候,自动修改标签名称,同时修改前后标签

One Dark Pro

屏幕截图 2023-11-02 004050.png

一款非常推荐的暗色调主题,好看又护眼。

Error Lens

屏幕截图 2023-11-02 003957.png

【错误提示】可以将原先显示的问题显示在对应行右侧并高亮

Path Intellisense

屏幕截图 2023-11-02 004105.png 【路径补全】在输入路径时,有智能提示补全

Image preview

屏幕截图 2023-11-02 004016.png 【图像预览】可以预览引入的图像,当鼠标移到html文档中的图片路径上时,悬浮预览图片,还可跳转到侧边栏文件管理器中或系统文件管理器中

CodeSnap

屏幕截图 2023-11-02 003903.png 【代码截图】一款非常好用的代码截图插件

background

屏幕截图 2023-11-02 003806.png

【vs code背景设置】给vscode换个背景

Prettier - Code formatter

屏幕截图 2023-11-02 004120.png

【代码格式化工具】支持超多语言,一键格式化,美化代码格式

Hungry Delete

aaa.png 【像IDEA的退格键】删除整个空格或制表符块,并减少程序员按退格键所需的时间