Vscode自用插件分享

一、前言

本人情况：接触 Vscode 两年多，前端实习近一年左右

插件包含：主题美化、自动补全、头部注释等

插件说明：本文推荐插件排名不分先后，均为自用插件。使用 Vscode 这两年中用过形形色色的各种插件，最后留下的就只剩这些，若你还有其他好用插件，欢迎评论区讨论。

二、插件概览（性急的直接安装装、不急的看第三点）

三、挨个详解

1、汉化Vscode，必备插件之一

2、One Dark Pro，经典主题

3、Fiedl Lights Theme，我独爱的一款主题，非常耐看

3、IntelliCode：图标插件，效果如下图

4、background-cover：自定义背景

5、koroFileHeader：安装配置好后，自动生成头文件注释

6、Tabnine AI：强大的代码提示工具，可以根据你的代码习惯，快速生成你可能想要的代码

7、Path Intellisense： 路径自动补全工具

8、Path Autocomplete： 同位路径提示差价，不多赘述

9、Prettier - Code formatter：格式化代码工具，帮你一键调整代码格式

10、Eslint：统一代码风格用，配合 Prettier 使用有良好的体验。但是新手不建议装！！！

11、filesize：安装后可在右下角显示当前问价的大小

12、CSS Peek：帮你快速查看 Css样式的位置

13、Beautify css/sass/scss/less：Css代码格式化

14、Auto Close Tag：HTML标签自动补全

15、Auto Rename Tag：辅助修改标签名

16、Code Spell Checker：帮你检查代码中的单词拼写错误

17、Git Graph：帮助你快速查看 Git 提交日志

18、Image preview：引入图片后，可以预览图片

19、npm Intellisense：从node_modules中引入依赖时 自动补全

20、Turbo Console Log：便捷的 console.log工具，我也还在摸索，不太适应

结语

后续我有其他好的插件，也会继续更新在此文章上，点赞收藏不迷路，希望你也能高效舒适的完成那你的前端开发！！