Skip to content

Latest commit

 

History

History
68 lines (36 loc) · 3.5 KB

README.md

File metadata and controls

68 lines (36 loc) · 3.5 KB

Mist 插件

使用

打开 .mist 文件,会自动设置为 MIST 语言。如果是未保存的文件,可以在右下角手动切换为 MIST 语言。

推荐使用 vscode 打开包含模板的文件夹,启动调试服务器时会以打开的文件夹作为根目录。

代码高亮

对模版中表达式进行语法高亮。对模版中的错误进行提示,目前包括 Json 语法错误、重复属性、表达式语法。

代码提示

编写 Mist 模版时会根据上下文提示当前可用属性名称和属性值,鼠标移到属性名或枚举值上可以显示描述。

编写表达式时,也会提示可用变量、属性、函数,并支持函数参数提示、鼠标 Hover 提示。

按住 键点击表达式中的变量名,能跳转到变量定义的地方。然后可以使用 ⌃-/⌃⇧-后退/前进

错误检查

可以对模版进行错误检查,包括:

  • Json 语法错误、重复属性
  • 表达式语法错误,不存在的属性、方法
  • 未引用变量
  • 模版属性的类型检查

模版布局结构

在编辑 Mist 模版文件时,左侧的资源管理器里的 MIST OUTLINE 会显示模版的布局结构和 node 的一些关键信息,方便定位。点击节点可选中并跳转到对应的代码位置。

注释

可以在模版中使用 ///* */ 添加注释,注释能被正常高亮、格式化,并且在 MIST OUTLINE 中也会显示元素的注释。推荐在模版中多用注释,方便修改时快速定位元素。

格式化

在编辑器中右键选择 Format Document 可以格式化当前文档,也可使用快捷键 F 或自定义其它快捷键。

选中文本时右键选择 Format Selection 可格式化选中部分。

快速跳转

点击编辑器右上角的 Show Data File 按钮可以从模版文件跳转到对应的数据文件(.json),并滚动到引用该模版的位置。如果找到多个文件或位置使用该模版,会弹出选择框。

目前按照正则式匹配,并只在模版所在目录下查找 .json 文件,不一定能正确找到。

调试

点击编辑器右上角的 Start Mist Debug Server 按钮开启调试服务器。开启后图标会变成停止图标,点击可以关闭服务器。

目前有个小问题是,�使用过这个功能后模版文件夹下会自动添加一个 .vscode 文件夹,里面保存了 Mist 插件的配置文件,可以把这个文件夹添加到 .gitignore 里。

预览

提供基础的预览功能,支持 node, stack, text, image, button, scroll, line, paging 元素。

点击编辑器右上角的 Open Preview to the Side 按钮打开预览。

预览界面提供 检查元素显示边框切换数据更改预览设备更改缩放比例 功能。在预览界面的元素上右键点击可以快速使用 检查元素 功能。