一、插件合集

插件官网:https://marketplace.visualstudio.com/(每一个插件名都超链接到官网,注意查看)

a.配置类插件:

1.Settings Sync

最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,

使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。

VS Code常用插件_git

2.Debugger for Chrome

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

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

VS Code常用插件_html_02

 3.beautify

格式化代码工具

美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。

VS Code常用插件_javascript_03

4.Atuo Rename Tag

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

VS Code常用插件_chrome_04

 

 

5.中文(简体)语言包

Chinese (Simplified) Language Pack for Visual Studio Code

将界面转换为中文,对英语不好的人,非常友好。例如我。。。

VS Code常用插件_git_05

6.Code Spell Checker

代码拼写检查器

一个与camelCase代码配合良好的基本拼写检查程序。

此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。

VS Code常用插件_javascript_06

7.vscode-icons

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

 VS Code常用插件_拼写检查_07

8.guides

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

VS Code常用插件_html_08

9.Rainbow Brackets

为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。

效果如下:

VS Code常用插件_git_09

10.Bracket Pair Colorizer

用于着色匹配括号

VS Code常用插件_拼写检查_10

11.Indent-Rainbow

用四种不同颜色交替着色文本前面的缩进

VS Code常用插件_chrome_11

12.filesize

在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间

VS Code常用插件_chrome_12

13.Import Cost

对引入的计算大小

VS Code常用插件_chrome_13

14.Path Intellisense

可自动填充文件名。

VS Code常用插件_chrome_14

15.WakaTime 

 从您的编程活动自动生成的度量标准,见解和时间跟踪。

VS Code常用插件_html_15

16.GitLens

git日志查看插件

GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索,历史记录和和查看代码作者身份,还能通过强大的比较命令获得有价值的见解等等

VS Code常用插件_拼写检查_16

17..REST Client

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

VS Code常用插件_拼写检查_17

18.Npm Intellisense 

用于在 import 语句中自动填充 npm 模块

require 时的包提示(最新版的vscode已经集成此功能)

VS Code常用插件_chrome_18

19.Azure Storage

VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器,文件共享,表和队列。按照本教程从VS Code部署Web应用程序到Azure存储。

VS Code常用插件_chrome_19

20.Project Manager

它可以帮助您轻松访问项目,无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目,或选择自动检测VSCode项目,Git,Mercurial和SVN存储库或任何文件夹。

从版本8开始,您就有了专门的项目活动栏!

以下是Project Manager提供的一些功能:

  • 将任何项目保存为收藏夹
  • 自动检测VSCode,GIT中,水银或SVN存放区
  • 在相同或新窗口中打开项目
  • 识别已删除/重命名的项目
  • 一个状态栏标识当前项目
  • 专门的活动栏
  • VS Code常用插件_chrome_20

    21.Language Support for Java(TM) by Red Hatredhat.java

    这个插件,这个下载次数,安装就对了。

     VS Code常用插件_html_21

  • 22.Todo Tree 

  • 此扩展可以快速搜索(使用ripgrep)您的工作区以获取TODO和FIXME等注释标记,并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。

  • 找到的TODO也可以在打开的文件中突出显示。

     VS Code常用插件_javascript_22

    b.VS code 主题集合

    1.Night Owl   

    一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。

  • VS Code常用插件_拼写检查_23

    3.Dracula Official

    官方吸血鬼主题,博主用的就是这款,很漂亮

  • VS Code常用插件_javascript_24

    c.代码提示提示类

    1.HTML Snippets

    完整的HTML代码提示,包括HTML5

  • VS Code常用插件_chrome_25

    2.HTML CSS Support

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

  • VS Code常用插件_git_26

    3.jQuery Code Snippets

     jQuery代码提示

    超过130个用于JavaScript代码的jQuery代码片段。

    只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。