VScode 常用插件

  1. 基础开发插件

    • Chinese (Simplified)(简体中文语言包):这是适用于VS Code的中文(简体)语言包,适用于英语不太流利的用户。
    • Auto Rename Tag:这个插件可以同步修改HTML/XML标签,当用户修改一个标签时,它的配对标签也会自动修改。
    • Live Server:此插件能够开启一个实时的本地服务器,每次保存文件后无需手动刷新浏览器就可以看到最新的改动。
    • Path Intellisense:提供智能路径补全功能,这在最近的一段时间内维护得很积极,对比其他同类插件表现出色。
    • Image preview:鼠标悬停可以预览图片,并显示图片的大小和尺寸,这对在CSS中查看图片特别有用。
    • Code Spell Checker:这是一个拼写检查器,与驼峰大小写的代码配合得很好。
    • Better Comments:能够让开发者写出更个性化的注释,便于阅读和管理代码。
  2. 前端开发增强插件

    • Prettier - Code formatter:这是一个流行的前端代码格式化工具,在保存时能自动格式化文件,让代码整齐划一。
    • Live Sass Compiler:实时编译Sass/Scss到CSS,这对于写Sass或Scss文件至关重要。
    • jQuery Code Snippets:为jquery代码提供代码提示功能,提高编写效率。
    • JavaScript (ES6) code snippets:提供ES6等代码块和语法提示,是每个前端程序员的必备插件。
    • vetur:一款将Vue代码高亮显示的插件,能让.vue文件的代码以不同的颜色显示,使代码更容易区分。
    • EsLint:作为JavaScript语法规则和代码风格的检查工具,可以在编写代码的过程中检测代码命名是否规范,防止编译错误。
  3. 外观美化插件

    • One Dark Pro:是一款受欢迎的暗黑主题插件。
    • Material Theme:提供多种配色方案的Material Design风格主题。
    • Tokyo Night:特别适合长时间编程的主题,不刺眼,色彩设计合理。
    • Material Icon Theme:拥有超多的文件图标,并且色彩饱和度高,适合美化VSCode界面。
  4. 代码管理插件

    • GitLens --- Git supercharged:增强Git功能,方便查看和管理版本历史。
    • GitHub Pull requests and Issues:直接在VSCode中查看和管理GitHub的Pull requests和Issues。
    • Git Graph:以图形化方式展示Git提交历史,便于理解和分析版本变化。

综上所述,无论是提高开发效率的功能插件,还是提升视觉体验的外观插件,都能在Visual Studio Code中找到合适的选择。这些插件不仅涵盖了代码编辑、调试、实时预览等多个方面,还包括了对流行前端框架的支持。同时,通过合理的配置和使用快捷键,可以进一步提升使用体验。

相关推荐
VidDown4 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠4 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质4 天前
Trae IDE 新手入门指南
ide
VidDown4 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦4 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown4 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐4 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM324 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin999994 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员4 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea