Mpx Template Features for VS Code
⚡ 插件 Features
<template> 支持 定义跳转 (附带下划线样式):自定义标签名,类名,属性中的变量、方法名。
- template 中属性的
变量、方法 支持跳转到 <script> 中的定义位置 。
- template 中的
class 类名 支持跳转到 <style> 样式脚本对应位置 。
- template 中的
自定义的组件标签名 支持跳转到 自定义组件所在的文件 (目前仅支持 <script type="application/json"> 中配置的自定义组件,不久会支持 <script name="json"> )。
- 支持拆分 SFC 文件为多个编辑视图。比如同时在左侧/上侧编写
<script> ,右侧/下侧编写 <template> 。
演示
![示例动画](https://github.com/wangshunnn/mpx-template-features/raw/HEAD/asset/mpx-video.gif)
示例
鼠标放在可跳转的类名、变量、方法名时会有对应的跳转提示,cmd+单击 或 右键-转到定义 可直接跳转到对应定义位置,class 类名点击则会跳转到 <style> 中对应的样式。
![示例图片](https://github.com/wangshunnn/mpx-template-features/raw/HEAD/asset/mpx-features-demo.png)
鼠标放在可跳转的自定义组件标签上时会有对应的跳转提示,cmd+单击 或 右键-转到定义 可直接跳转到组件对应的文件。
![示例图片](https://github.com/wangshunnn/mpx-template-features/raw/HEAD/asset/mpx-features-tag-jump.png)
拆分 SFC 文件为多个编辑视图。点击顶部文件菜单栏的 Mpx logo 图标。
![示例图片](https://github.com/wangshunnn/mpx-template-features/raw/HEAD/asset/mpx-features-split-editors.png)
| |