前言
本文基于开源项目:
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哦~~~