Skip to content

wangshunnn/mpx-template-features

Repository files navigation


Mpx

Mpx Template Features for VS Code

Visual Studio Marketplace Version


⚡ 插件 Features

  1. <template> 支持 定义跳转(附带下划线样式):自定义标签名,类名,属性中的变量、方法名。
  2. template 中属性的 变量、方法 支持跳转到 <script> 中的定义位置
  3. template 中的 class 类名 支持跳转到 <style> 样式脚本对应位置
  4. template 中的 自定义的组件标签名 支持跳转到 自定义组件所在的文件 (目前仅支持 <script type="application/json"> 中配置的自定义组件,不久会支持 <script name="json"> )。
  5. 支持拆分 SFC 文件为多个编辑视图。比如同时在左侧/上侧编写 <script>,右侧/下侧编写 <template>

演示

示例动画

示例

  • 鼠标放在可跳转的类名、变量、方法名时会有对应的跳转提示,cmd+单击右键-转到定义 可直接跳转到对应定义位置,class 类名点击则会跳转到 <style> 中对应的样式。

    示例图片

  • 鼠标放在可跳转的自定义组件标签上时会有对应的跳转提示,cmd+单击右键-转到定义 可直接跳转到组件对应的文件。

    示例图片

  • 拆分 SFC 文件为多个编辑视图。点击顶部文件菜单栏的 Mpx logo 图标。 示例图片