推荐几款可以大幅提高开发效率的vscode插件-京东云开发者社区

### 1、Vue 2 Snippets

这是一款基于vue2的代码片段提示插件，对于使用vue2的开发者特别友好，可大幅提高我们的编码速度。

他的能力非常强大，具体还需要我们去看他的[文档](https://marketplace.visualstudio.com/items?itemName=NicholasHsiang.vscode-vue2-snippets)，解锁更多能力。

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-34jg0QonNeLcRHJkB.gif)

### 2、Path Autocomplete

这是一款路劲提示插件

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-358SRaXjeVntgOgNM.gif)

vscode自带相对路劲的提示功能，但是不支持绝对路劲和特殊配置路径（比如@标识）的提示功能，这款插件就能帮助我们很好的解决这个问题。

需要注意的就是，如果需要支持特殊标识提示功能，就需要在vscode的配置文件settings.json中增加一些配置。

比如需要支持@标识，则需要增加如下配置。

`
"path-autocomplete.pathMappings": {
  "@": "${folder}/src",
}
`

其他具体功能可移步至插件[文档 ](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete)

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-37xqFrrN41b41BCcV8C.png)

### 3、path prompt

这是一款图片路劲预览插件。

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-46Fjf6OEIWOTMTH7M.gif)

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

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-41iIFF8PXJjLX7qI5.png)

### 4、 Svg Previewsvg

文件预览插件

![](https://s3.cn-north-1.jdcloud-oss.com/shendengbucket1/2023-06-14-17-420jE6rI5jGhHOQ68.gif)

大家赶快用起来吧。