ux 文件语法辅助
更新时间:
了解开发工具中的对 ux 文件的语法辅助功能
ux 文件自动补全
template 区域内补全
- 标签补全,输入“<”开始补全。
- 标签属性补全(通用属性和组件属性)。
- 标签属性值补全(如果存在枚举值)。
![templateCompletion1](/5d5c3cdcc1c03d2cbcc45f92d190a004/templateCompletion1.gif)
style 区域内补全
- Less,Scss, css 属性补全。
- Less,Scss, css 属性值补全。
![styleCompletion1](/34283c27e236b83b622a404dd84705f4/styleCompletion1.gif)
注意:Less,Scss 需安装对应插件 Less IntelliSense 与 SCSS IntelliSense 后可进行补全
script 区域内补全
- script 模版支持接口、接口方法补全等快捷补全。
![scriptCompletion1](/e8903d8c36fdec0053012bcefcb56043/scriptCompletion1.gif)
其他补全
- 路径补全,文件路径补全,例如组件路径。
- class 值补全,根据 style 标签中定义的 class 值。
![othersCompletion](/ed8bf7c4c96fe37c2d1d3320ef126a65/othersCompletion.gif)
ux 文件定义跳转
- template 支持 class 和 id 的跳转、变量跳转、方法跳转、自定义组件跳转,Script 支持接口的跳转等。
- mac 下按住
command + 左键
, windows 下ctrl + 左键
,光标将直接跳转到定义处
![defination](/652ba30eed1a4c87bae089f22bc8f66b/defination.gif)
ux 文件链接跳转
- ux 文件链接跳转
- mac 下按住
command + 左键
, windows 下ctrl + 左键
,光标将直接跳转到定义处 - 直接跳转至链接文件
![documentLink](/9e6f99109d55f45f0b3dfae132504beb/documentLink.gif)
ux 文件悬浮提示
- 标签悬浮提示
- 标签属性值提示
- style 样式提示
- script 方法,导入模块提示等。
![hover](/37f976f561bdef992056cb8ce6d411a4/hover.gif)