VS code常用插件推荐（最新版）

推荐插件主要有以下几个原因：

1. 增强功能：VSCode插件可以增强编辑器的功能，如代码补全、语法高亮、代码导航等，让开发更高效。

2. 提升效率：插件可以提供快捷键、代码片段等工具，让开发者更快速地编写代码。

3. 个性化定制：插件可以根据个人喜好进行定制，选择适合自己的插件，让开发环境更符合个人需求。

4. 社区支持：VSCode是一个开源的编辑器，拥有庞大的社区，有大量的插件和扩展可供选择，并且社区成员可以相互分享和推荐插件。

5. 跨平台支持：VSCode可以在多个操作系统上运行，插件也可以在不同平台上使用，增加了插件的可用性。

接下来将推荐几款绝对方便好用的插件，后续如果有更好的或者更新迭代，这里会持续更新。

1.Chinese (Simplified) (简体中文)

        这个是中文（简体）语言包为 VS Code 提供本地化界面。安装之后，只需选择重新加载即可完成对界面完成汉化操作。

2.open in browser

        可以选择在默认浏览器打开或者选择自己想用的浏览器打开。

3.Live Server

        这个插件超级好用，实时预览和调试网页应用程序，可以实时预览和调试网页应用程序，无需手动刷新浏览器。

4.Auto Rename Tag

        当您重命名一个 HTML/XML 标签时，该标签将自动重命名所有成对的 HTML/XML 标签。此扩展仅支持 HTML、XML、PHP 和 JavaScript。

5.JavaScript (ES6) code snippets

        这个插件对代码片段很有用，它有很多快捷缩写，代码提示功能很强大。它能够有效减少拼写错误和提高编码效率。几乎每个前端程序员都是 JavaScript 的使用者，为了提高编写 JS 代码的效率，这个扩展很有用，并且它还支持 .ts, .tsx 和 .jsx 文件。

6.HTML CSS Support

        这个插件在VScode中是CSS代码快捷神器。

7.CSS Navigation

        这个插件用 Ctrl+鼠标 点击html标签中的class名  即可跳转到 class对应的css样式区域

8.lmage preview

        这个插件是非常好的图片查看工具，可以在代码中，将鼠标放在img标签的src路径上时即可查看图片。

9.会了吧

        单词翻译工具，会翻译所有单词，也可以做笔记，看代码不再枯燥。

10.javascript console utils

        代码调试肯定少不了 console.log ，那么这款就是快速生成 console.log 的插件。使用方法
非常简单，选中变量，然后按 ctrl + shift + L 就可以生成了。需要删除的时候按 ctr1 +shift + D 即可删除

11.Turbo Console Log

        另一个用来生成 console.log 的插件，不同的是，他支持自定义 console.log 的内容，包括文件名，路径，大小等，还可以添加自己喜欢的 emoji 表情，快捷键 ctrl + alt + L。

12.Prettier - Code formatter

        这个是代码格式化插件，这个插件通常搭配 eslint 使用，也可以单独使用。

13.vetur

        Vetur是一款将Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的，这个插件可以实现代码显示不同的颜色，更加容易区分不同部分的代码。

14.EsLint 

        这个插件是JavaScript 语法规则和代码风格的检查工具，可以在编写代码的过程中检查代码命名是否规范，防止编译错误。