VScode 前端常用插件
本文主旨：一些用于提高 前端 开发效率的VS code插件 会继续补充
本文内容：
VScode 前端常用插件
插件： Chinese (Simplified) Language Pack for Visual Studio Code
插件详情页面有此插件的详细介绍
001.png
| 插件 | 作用 |
|---|---|
| Chinese (Simplified) Language Pack for Visual Studio Code | 中文简体语言包 |
| Auto Close Tag | 自动添加HTML / XML关闭标签 |
| Auto Rename Tag | 自动重命名配对的HTML / XML标签 |
| HTML Snippets | 代码自动填充 |
| HTML Boilerplate | 提供生成标准HTML样板代码 |
| Image Preview | 鼠标移到路径里显示图像预览 |
| intelliSense for CSS class names in HTML | 项目中 css 文件里的名称智能提示在 html 中 |
| JavaScript (ES6) code snippets | es6代码片段 |
| Live Server | 浏览器实时刷新 |
| Path Intellisense | 路径自动补全 |
| Vetur | Vue 语法高亮显示, 语法错误检查, 代码自动补全 |
| open in browser | 浏览器中打开html |
| Markdown Preview Enhanced | 实时预览markdown，markdown使用者必备 |
| 插件 | 作用 |
|---|---|
| ESLint | sLint可以帮助我们检查Javascript编程时的语法错误。 |
| Color Info | 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了 |
| Beautify | 格式化代码 |
| Code Runner | 非常强大的一款插件，能够运行多种语言的代码片段或代码文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等 安装完成后，右上角会出现：▶ |
| Git History | 查看git日志以及图表和详细信息 |
| Guides | 代码的标签对齐线 |
| jQuery Code Snippets | jq代码段提示 |
| IntelliSense for CSS class names in HTML | 智能地给你已定义CSS类名的提示 |
| VSCode Great Icons | 小图标区分不同的文件类型 |
| Bracket Pair Colorizer | 给括号加上不同的颜色，便于区分不同的区块 |
