vscode提效插件你用了吗？

本文适合使用vscode编辑器的小伙伴阅读

作者：广东靓仔

前言

本文基于开源项目：

https://github.com/microsoft/vscode

vscode插件补充扩展讲解，希望对小伙伴有帮助。

Simple React Snippets

这个插件可以作用：react 快速生成代码块插件

具体的命令可以参考vscode里面的Snippets

Typescript React code snippets

具体配置vscode里面的描述

关于这两个Snippets，我们可以自己定义。

文件 --> 首选项 --> 用户片段 （然后添加我们的全局代码片段）

代码可以去Github查看：https://github.com/burkeholland/simple-react-snippets/blob/master/snippets/snippets.json

Better Comments

这个插件是对注释代码进行高亮，效果如下：

我们可以对这些颜色自定义，参考我的设置：

"better-comments.tags": [
      {
        "tag": "!",
        "color": "#61dafb",
        "strikethrough": false,
        "backgroundColor": "transparent"
      },
      {
        "tag": "?",
        "color": "#fb61e7",
        "strikethrough": false,
        "backgroundColor": "transparent"
      },
      {
        "tag": "//",
        "color": "#474747",
        "strikethrough": true,
        "backgroundColor": "transparent"
      },
      {
        "tag": "todo",
        "color": "#FF8C00",
        "strikethrough": false,
        "backgroundColor": "transparent"
      },
      {
        "tag": "*",
        "color": "pink",
        "strikethrough": false,
        "backgroundColor": "transparent"
      }
    ]

我们修改其中的color即可

Bookmarks

插件作用：

    当我们在查看源码的时候，我们可以打个标签，记录我们看到哪里了。下次继续查看的时候点标签就可以知道我们看到哪里了。

    还有其他用法，自行摸索。

Auto Rename Tag

插件作用：

    自动同步我们标签的开合，效果如下：

<asssttt>自动同步标签</asssttt>

Comment Translate

插件作用：

    当我们看源码的时候，一些引文注释看不懂的时候，鼠标移上去就显示中文了，你懂的。

koroFileHeader

插件作用：

    自动生成头部注释，function注释等等

七、总结

    以上vscode的插件，可以提高我们平时的开发效率。有需要的小伙伴可以自行下载。当然啦，vscode的插件还有很多很多，我们根据自己的需要进行下载安装使用即可。

    安装完，配置完，记得重启下vscode哦~~~

关注我，点击下方关注，第一时间收到更新