VSCode常用插件

       本人主要是做后端开发的，日常开发都是用Visual Studio IDE系统，极少用到VSCode，近期开发前后端分离的项目，因此在慢慢熟悉，VSCode作为前端开发几乎完美的软件开发工具，其强大的插件库让攻城狮在开发过程中大大提高工作的效率。

      下面整合下VS常用到的插件，也包括我在网上看过的一些，方便自己日后回查，也可供大家参考，也欢迎大家在评论区补充。

---

一、怎么安装插件

       方法1：打开VSCode软件，按F1或Ctrl+Shift+p，输入exe，点击第一个即可

方法1

方法2：ctrl +p，输入 >ext install

方法2

方法3：直接点击图中的位置

方法3

二、插件合集

1.Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

Debugger for Chrome

2.Beautify

格式化代码工具，美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

Beautify

3.Auto Close Tag

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改

Atuo Rename Tag

4.中文（简体）语言包(Chinese (Simplified) Language Pack for Visual Studio Code)

将界面转换为中文，对英语不好的人，非常友好

Chinese (Simplified) Language Pack for Visual Studio Code

5.ESLint

将ESLint JavaScript集成到VS代码中。代码规范提示

ESLint

6.vscode-icons

显示Visual Studio代码的图标，目前该插件已被vscode内部支持："文件" -> "首选项" -> "文件图标主题"

vscode-icons

7.guides

显示代码对齐辅助线，很好用

示例图

guides

8.REST Client

REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。

REST Client

9.HTML CSS Support

在 html 标签上写class 智能提示css样式

HTML CSS Support

10.jQuery Code Snippets

 jQuery代码提示，超过130个用于JavaScript代码的jQuery代码片段。只需键入字母'jq'即可获得所有可用jQuery代码片段的列表

jQuery Code Snippets

11.Vetur

VUE插件，语法高亮、智能感知、Emmet、vue提示等

Vetur

12.Path Intellisense

可自动填充文件名。

Path Intellisense

13.Document This

快速注释。

优秀的代码除了优秀的性能、规范的格式，注释也是不可或缺的，而且注释也应该有一套标准的注释方法，特别对于 JavaScript 这种语言。

Document This 可以快速地帮你生成注释，如一些函数的注释还能帮你抽取出参数的定义等，是你编写规范代码必备的工具

Document This

14.open in browser

右键，将页面在浏览器打开。

Open in Default Browsers：使用默认浏览器打开  快捷键：alt+b

Open in Other Browsers：使用其他浏览器打开  快捷键：alt+shift+b

open in browser

示例图

附上官网链接：

VSCode官网：https://code.visualstudio.com/

插件官网：https://marketplace.visualstudio.com/