一、必备插件（web前端/PHP）

Chinese（中文）

HTML Snippets（代码提示）

HTML CSS Support（智能提示CSS类名以及id）

Auto Close Tag（自动闭合标签）

Auto Rename Tag（自动重命名 HTML 标签的开始和结束标签）

CSS Peek（选择某个 class 或者 id 名称按住Ctrl键+鼠标左键可以直接定位到该名称的CSS的位置）

Markmap（思维导图神器，.md文档编辑窗口的右上角就会多一个预览的图标Open as markmap，当然也可手动打开命令面板，输入Open as markmap）

css-auto-prefix（自动添加 CSS 私有前缀）

JavaScript (ES6) code snippets（智能提示与快速输入）

jQuery Code Snippets（jQuery代码智能提示）

px to rem & rpx & vw (cssrem)（px转换成rem，Font Size：填写设计稿的宽度/10）
需要在head引用lib-flexible：https://zhizun.lanzouy.com/iq8cDzuud2f

<script>
    if(window.screen.width >= 850){// 设置最大的字体大小，PC端显示，放到head
        document.getElementsByTagName('html')[0].style.fontSize = '85px';
    }
</script>

PHP Intelephense（PHP代码提示工具）

open in browser（快速打开html文件到浏览器预览）

Prettier - Code formatter（文件格式化，可配置自动格式化）

Vetur（官方钦定Vue插件）

Vue Language Features（默认的vue文件在vs code里全部是一样的文字，且不能点击。该插件让vue文件的内容有了颜色区分，同时支持点击相对路径文件的跳转）

Preview on Web Server（html文件保存，浏览器自动刷新，右键选择vscode-preview-server: Launch on browser，启动浏览器，需要使用本地web服务器，去掉右上角刷新提示：<style>#__bs_notify__{ display: none!important; }</style>）

二、效率神器

Bracket Pair Colorizer（括号做颜色区分）

Browser Preview（VSCode里面打开浏览器）

REST Client（接口调试）

Partial Diff（文件比较）

Npm Intellisense（自动完成导入语句中的npm模块）

Path Intellisense（快速引入文件）

Color Highlight（设置 CSS 颜色的样式）

Project Dashboard（项目仪表板插件）

CodeSnap（代码截图插件）

Path Autocomplete（路径自动完成）

IntelliCode（提供智能的代码建议，默认支持 Python、TypeScript/JavaScript、React 和 Java）

ES7 React/Redux/GraphQL/React-Native snippets（语法智能提示，React 开发者必备）

Live SASS Compiler（可以将 SASS 或 SCSS 文件实时编译或转译为 CSS 文件）

Remote-SSH（SSH 服务器的远程机器作为开发环境）

Debugger for chrome（微软开发的插件，调试 JS 代码，可以设置断点、逐步执行代码、调试动态添加的脚本等）

Live Server（实时加载功能的小型服务器）

Minify（压缩html、css、js文件，安装后按F1再输入Minify）

Regex Previewer（实时预览正则表达式的效果）

HTML Boilerplate（一键生成 HTML 模板）

wakatime（编程时间及行为跟踪统计）

any-rule（常用正则大全）

Image preview（预览图片）

Tabnine（多语言的插件，自动完成代码的输入）

Settings Sync（配置同步到云端，登录账号也会同步扩展）

Codelf（提供很多建议的命名，选中文本再右键点击Codelf）

Highlight Matching Tag（突出显示匹配的开始和/或结束标签）

Turbo Console Log（快速添加 console.log 信息，js debug 必备，ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log，alt + shift + c 注释所有 console.log，alt + shift + u 启用所有 console.log，alt + shift + d 删除所有 console.log）

Sort lines（对当前文本排序）

Data Preview（预览数据文件）

三、Git集成

GitHub Pull requests（ 查看和管理GitHub拉取请求和问题）

Git Graph（Git 图形化显示和操作）

GitLens（快速查看更改行或代码块的对象）

GitHistory（可查看和搜索git日志以及图形和详细信息）

四、美化

GitHub Theme（黑白两款皮肤）

vscode-icons（漂亮的目录树图标主题）

Better Align（代码优雅排版）

Better Comments（丰富注释颜色）

vscode-json（处理 JSON 文件）

Prettier（格式化插件支持React）

Material Theme（集成了多种主题皮肤）

Material Icon Theme（扁平化的主题图标库）

Beautify（右键鼠标一键格式化）

五、代码规范

change-case（变量命名规范）

JavaScript Booster（代码改进）

ESlint（严谨的规范书写）

TSLint（书写规范）

Code Spell Checker（拼写检查程序）

koroFileHeader（生成文件头部注释和函数注释）

Error Lens（代码检查（错误、警告、语法问题）进行突出显示）

EditorConfig for VS Code（代码风格统一）

六、装X神器

Markdown All in One（书写Markdown）

vscode-drawio（画流程图）

Polacode-2020（转化成一张逼格满满的图片）

Live Share（与他人实时进行协作式编辑和调试）

Markdown Preview Enhanced（在 VSCode 里编写 Markdown，支持预览）