VS Code支持Vue的各种跳转

Vue跳转问题1

插件

• vue-css-peek
• Vue Peek
• vue-helper
• vue-jumptotag

介绍

vue-css-peek

为单页面的 vue 文件提供 css 转定义的支持

插件文档地址：https://marketplace.visualstudio.com/items?itemName=CharlesWu.vue-css-peek

快捷键： Ctrl+Left button 或F12

Vue Peek2

用于Vue快速查看组件定义以及组件跳转，具体使用见插件文档地址中的使用方法。

插件文档地址：https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek

注意：鼠标放在components上或者是MyElementCalendar，不要放在main上

快捷键： Ctrl+Left button 或F12

vue-helper

该插件主要增强了对Element-UI，VUX，IVIEW进行写Vue和扩展的能力

插件文档地址：https://marketplace.visualstudio.com/items?itemName=shenjiaolong.vue-helper

快捷键： Ctrl+Left button 或F12

vue-jumptotag

vue跳转到标签可轻松跳转到.vue文件中的script, template和style标签。

插件文档地址：https://marketplace.visualstudio.com/items?itemName=andersonmfjr.vue-jumptotag

快捷键： Ctrl+Left button 或F12