推荐几款可以大幅提高开发效率的 vscode 插件 | 京东云技术团队

1、Vue 2 Snippets
这是一款基于 vue2 的代码片段提示插件,对于使用 vue2 的开发者特别友好,可大幅提高我们的编码速度。
他的能力非常强大,具体还需要我们去看他的文档,解锁更多能力。

2、Path Autocomplete
这是一款路劲提示插件

vscode 自带相对路劲的提示功能,但是不支持绝对路劲和特殊配置路径(比如 @标识)的提示功能,这款插件就能帮助我们很好的解决这个问题。
需要注意的就是,如果需要支持特殊标识提示功能,就需要在 vscode 的配置文件 settings.json 中增加一些配置。
比如需要支持 @标识,则需要增加如下配置。
"path-autocomplete.pathMappings": { "@": "${folder}/src", }
其他具体功能可移步至插件文档

3、path prompt
这是一款图片路劲预览插件。

需要注意的是,它同上面的 Path Autocomplete 插件,如果需要支持特殊标识(@等),也需要在 settings.json 增加配置。

4、 Svg Previewsvg
文件预览插件

大家赶快用起来吧。
作者:京东物流 乌小龙
来源:京东云开发者社区
版权声明: 本文为 InfoQ 作者【京东科技开发者】的原创文章。
原文链接:【http://xie.infoq.cn/article/5a6b96015ee73bf5ee4054627】。文章转载请联系作者。
评论