记录下我常用的vscode插件

194 阅读1分钟

常用的vscode插件

  1. Auto Close Tag

    自动闭合html标签,开发必备

    image-20221018171358627.png

  2. Auto Rename Tag

    自动同步修改html的闭合标签

    image-20221018171903769.png

  3. background

    修改vscode的背景图片

    image-20221018172058230.png

  4. Beautify

    支持sass/scss/less以及css代码的格式化

    image-20221018172430850.png

  5. Better Comments

    注释高亮

    image-20221018172650076.png

  6. Chinese

    中文插件

    image-20221018172723340.png

  7. Code Spell Checker

    单词拼写检测,要想让自己的变量命名更加规范,那这个插件将是开发利器

    image-20221018172911670.png

  8. ESLint

    代码规范化,可自定义规则约束代码

    image-20221018173123675.png

  9. GitLen

    vscode可以支持git常见操作

    image.png

  10. HTML CSS Support

    支持css常见属性提示

    image-20221018173633868.png

  11. JavaScript (ES6) code snippets

    ES6语法拼写提示

    image-20221018173739274.png

  12. Path Intellisense

    自动补全文件路径

    image-20221018173838660.png

  13. npm Intellisense

    自动补全npm引入的插件

    image-20221018173937708.png

  14. Prettier

    代码格式化,可自定义规则

    image-20221018174037705.png

  15. Sass

    支持sass语法

    image-20221018174139369.png

  16. Turbo Console Log

    可通过快捷键打印变量

    image-20221018174449161.png

  17. vscode-icons

    改变vscode的文件图标

    image-20221018174542281.png

  18. Vue Language Features

    支持vue3代码格式化,语法提示

    image-20221019150901482.png

  19. vetur

    支持vue2语法提示

    image-20221019151050693.png

有了以上插件的加持,平时开发体验将会大大提升

image.png