1.3.0 • Published 3 years ago

winged-extension v1.3.0

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

BasicDemo

demo

配置

  • 设置是否在每次保存时进行格式化,默认为 true.
  "winged.isFormatOnSave":true
  • 设置每次触发补全建议时,补全列表更新的延迟时间,默认为 5 秒
  "winged.completionRefreshDelay": 5000

功能 功能旁括号内为对应的 vscode 命令

代码补全 Trigger Suggest

  1. 组件相关补全示例

sPKQPK.gif

  1. 数据绑定点补全

sPK12D.gif

代码跳转 Go to Definition || Peek Definition || Ctrl + 鼠标单击

  1. 支持组件跳转
  2. 支持数据绑定点中的 public properties 跳转
  3. 支持 event handler 事件名跳转
  4. 支持 <ExampleItem @method:show="bindShow" /> 跳转至 ExampleItem.ts 的 public show

sPKl8O.gif

插件命令

  1. Winged: Find Related View Files (快捷键:Ctrl+Alt+V)
  • 筛选出当前文件相关文件(html && less && ts && v) 根据选择进行文件跳转。
  • vscode 右小角图标(Winged Finder)点击可以快速触发命令。
  1. Winged: Formatter (默认在每次保存时触发)
  • 格式化 winged 相关表达式
  • 目前会对三个地方进行格式化
    1. 数据绑定点 {{xxx}}
    2. ':' 后的函数参数 :click="({xxx})" || @bind:click="({xxx})"
    3. 逻辑节点 If | Elif 的 cond="xxx"

悬停定义 Show Definition Preview Hover || Ctrl + 鼠标悬停

模板高亮

  1. 标签区分 (组件标签,逻辑节点,普通节点)
  2. 表达式区分 (操作符,数字,字符串,变量,函数名,函数参数)

新增功能

Slot 节点 accept 特性支持

sPKuUx.gif