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中找到合适的选择。这些插件不仅涵盖了代码编辑、调试、实时预览等多个方面,还包括了对流行前端框架的支持。同时,通过合理的配置和使用快捷键,可以进一步提升使用体验。

相关推荐
小灰灰__3 小时前
IDEA加载通义灵码插件及使用指南
java·ide·intellij-idea
Mortal_hhh3 小时前
VScode的C/C++点击转到定义,不是跳转定义而是跳转声明怎么办?(内附详细做法)
ide·vscode·stm32·编辑器
无极程序员4 小时前
PHP常量
android·ide·android studio
小黄人软件7 小时前
android浏览器源码 可输入地址或关键词搜索 android studio 2024 可开发可改地址
android·ide·android studio
叶知安10 小时前
如何用pycharm连接sagemath?
ide·python·pycharm
电子云与长程纠缠13 小时前
UE5.3中通过编辑器工具创建大纲菜单文件夹
java·ue5·编辑器
会发光的猪。13 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
lucky九年14 小时前
vscode翻译插件
ide·vscode·编辑器
帅得不敢出门14 小时前
Gradle命令编译Android Studio工程项目并签名
android·ide·android studio·gradlew