# 编辑器插件
CML 项目编辑器中语法高亮,暂时使用 .vue
的插件,后续会推出更强大的插件,各编辑器配置插件教程如下:
# Visual Code Studio
在 VS Code 左侧 Extensions 搜索框中输入 cml
,点击 install 安装 cml
插件。
目前最新正式版为 0.2.8
支持以下功能
- 语法高亮 cml 文件代码高亮,清晰美观
- 内置、扩展、自定义组件名称补全 在 template 中,提供 cml 内置组件、cml-ui 中的扩展组件以及用户自定义的组件名称补全提示
- 组件属性补全以及属性的类型和默认值提示 在 template 中,提供组件的属性补全提示,并根据组件定义给出该属性的类型和默认值
- 指令补全 在 template 中,提供 cml 指令补全提示
- css 补全 在 style 中,css 代码补全提示 在 alpha 内测版本中,提供了更多功能
- linter 校验及提示
- format cml 文件
注意:
- 请不要同时使用内测版和正式版
- 安装过程中,如遇到问题,建议先升级一下 vscode
# Atom
使用快捷键打开编辑器设置页面:
command + ,(逗号)
选择左侧的 Install Tab,然后在搜索框输入 language-cml
,在搜索结果中找到 CML 语言支持并安装
# WebStorm
使用快捷键打开编辑器设置页面:
command + ,(逗号)
选择左侧 Plugins,然后在搜索框输入 cml-language-support
,然后安装。