/mpx-template-features

Mpx Template Features for VS Code

Primary LanguageTypeScriptMIT LicenseMIT


Mpx

Mpx Template Features for VS Code

Visual Studio Marketplace Version


⚡ 插件 Features

  1. 🚀 定义跳转<template> 支持 定义跳转(附带下划线样式):自定义标签名,类名,属性中的变量、方法名
    • template 中属性的 变量、方法 支持跳转到 <script> 中的定义位置
    • template 中的 class 类名 支持跳转到 <style> 样式脚本对应位置
    • template 中的 自定义的组件标签名 支持跳转到 自定义组件所在的文件
  2. 🚀 Hoverclass 类名 hover 展示对应的 style 样式片段
    • 自动转为原子类hover 中支持将 stylus class 对应的样式一键转换为 Unocss
  3. 🚀 自动补全:注意 class 等属性值默认不支持自动补全,可以通过 {(, '" 等符号主动唤起自动触发
  4. 🚀 视图拆分:支持拆分 SFC 文件为多个编辑视图。比如同时在左侧/上侧编写 <script>,右侧/下侧编写 <template>

演示

  • class 样式 hover 效果,可自动转换为原子类 Unocss

    hover class hover class
  • 定义跳转

    定义跳转
  • 视图拆分

    视图拆分