[开发工具]vscode个性化常用插件推荐

VSCode中文简体包(汉化)

插件名：Chinese (Simplified) Language Pack for Visual Studio Code

这个插件一键把整个VSCode的文字转换成中文。一个全中文化的IDE是我们特别需要的。而且这个是官方汉化包，理解无障碍

代码翻译

插件名:翻译(英汉词典)

这个插件本地77万词条英汉词典，不依赖任何在线翻译API，无查询次数限制。可翻译驼峰和下划线命名，及对整个文件中的标识符批量

检测代码英文单词错误

插件名：Code Spell Checker

这个插件对我们来说非常实用，一个基本的拼写检查器，可以检测驼峰写法。这个拼写检查程序的目标是帮助捕获常见的拼写错误

Dracula Theme

主题名：Dracula Official

这个插件主题主调色是偏深紫色

VSCode Icons

主题名：vscode-icons

这一款是VSCode官方的图标主题包

代码书签

插件名：Bookmarks

它是代码中导航，在重要位置之间轻松快速地移动。不再需要搜索代码。它还支持一组选择命令，允许我们选择书签行和书签行之间的区域。它对于日志文件分析非常有用。

括号对彩色化

插件名：Bracket Pair Colorizer 2

这个扩展使用颜色来标识匹配的括号。用户可以定义要如何匹配，以及要使用哪些颜色。在代码量比较多的情况下，括号也会变得非常的多，有了颜色的标识会给开发者带来更好的识别能力。

增强Git功能

插件名：GitLens

增强VSCode中内置的Git功能

Git历史记录

插件名：Git History

对于一些开发者习惯使用编辑器中的Git管理工具的

实时协作编辑

插件名：Live Share

Visual Studio Live Share允许我们与他人实时协作编辑和调试

路径智能提示

插件名：Path Intellisense

加入此插件让我们在应用文件（例如图片）时，有智能的路径提示。

自动关闭标签

插件名：Auto Close Tag

自动添加HTML/XML关闭标签

自动同步标签名

插件名：Auto Rename Tag

自动重命名成对的HTML/XML标记

CSS颜色高亮

插件名：Color Highlight

这个插件会对页面上所有的CSS/web的颜色编码进行高亮

高亮匹对标签

插件名：VSCode Highlight Matching Tag

此插件高亮显示匹对的开始和/或结束标签

HTML CSS 支持

插件名：HTML CSS Support

补充了VSCode中缺少的CSS支持

小程序支持

插件名：minapp-vscode

微信小程序标签、属性的智能补全

Vue支持

插件名：Vetur

开发Vue的童鞋必装插件之一

React支持

插件名：ES7 React/Redux/GraphQL/React-Native snippets

这个扩展为你提供了JavaScript和ES7中的React/Redux代码片段

NPM支持

插件名：npm

这个扩展支持运行包中定义的npm脚本

NPM智能提示

插件名：npm Intellisense

加入此插件可以让我们在编写JavaScript的时候有npm依赖包的提示

强大的代码格式化

插件名：Prettier - Code formatter

Prettier是一个代码格式化程序

编辑器中的实时预览

插件名：Browser Preview

VSCode的浏览器预览插件让我们能够在编辑器中打开一个可以真正的浏览器预览

实时预览

插件名：Live Server

如果我们是在做一个静态页排版，这个插件可以提供给我们一个本地实时预览服务器

浏览器打开

插件名：open in browser

在开发本地文件的时候，可以安装这个插件

PHP强化插件

插件名：PHP Intelephense

PHP Intelephense是一个高性能的PHP语言服务器

PHP规范检测

插件名：phpcs

这个linter插件为Visual Studio代码提供了一个到phpc的接口

Java开发插件

插件名：Java Extension Pack

Java Extension Pack (Java插件全家桶) 是一组流行的插件