前往新版Gitcode，体验更适合开发者的 AI 搜索 >>
(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{414:function(t,s,a){t.exports=a.p+"assets/img/vscode_cml_plugin.5a3528e8.jpg"},415:function(t,s,a){t.exports=a.p+"assets/img/atom_cml_plugin.9d4eb2db.png"},416:function(t,s,a){t.exports=a.p+"assets/img/webstorm_cml_plugin.7e6b5ba9.png"},567:function(t,s,a){"use strict";a.r(s);var e=a(17),v=Object(e.a)({},(function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h2",{attrs:{id:"编辑器插件"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#编辑器插件"}},[t._v("#")]),t._v(" 编辑器插件")]),t._v(" "),e("p",[t._v("\bCML 项目编辑器中语法高亮，暂时使用 "),e("code",[t._v(".vue")]),t._v(" 的插件，后续会推出更强大的插件，各编辑器配置插件教程如下：")]),t._v(" "),e("h3",{attrs:{id:"visual-code-studio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#visual-code-studio"}},[t._v("#")]),t._v(" Visual Code Studio")]),t._v(" "),e("p",[t._v("在 VS Code 左侧 Extensions 搜索框中输入 "),e("code",[t._v("cml")]),t._v("，点击 install 安装 "),e("code",[t._v("cml")]),t._v(" 插件。")]),t._v(" "),e("img",{attrs:{src:a(414),width:"400px"}}),t._v(" "),e("p",[t._v("目前最新正式版为 0.2.8")]),t._v(" "),e("p",[t._v("支持以下功能")]),t._v(" "),e("ul",[e("li",[t._v("语法高亮\ncml 文件代码高亮，清晰美观")]),t._v(" "),e("li",[t._v("内置、扩展、自定义组件名称补全\n在 template 中，提供 cml 内置组件、cml-ui 中的扩展组件以及用户自定义的组件名称补全提示")]),t._v(" "),e("li",[t._v("组件属性补全以及属性的类型和默认值提示\n在 template 中，提供组件的属性补全提示，并根据组件定义给出该属性的类型和默认值")]),t._v(" "),e("li",[t._v("指令补全\n在 template 中，提供 cml 指令补全提示")]),t._v(" "),e("li",[t._v("css 补全\n在 style 中，css 代码补全提示\n在 alpha 内测版本中，提供了更多功能")]),t._v(" "),e("li",[t._v("linter 校验及提示")]),t._v(" "),e("li",[t._v("format cml 文件")])]),t._v(" "),e("p",[t._v("注意：")]),t._v(" "),e("ul",[e("li",[t._v("请不要同时使用内测版和正式版")]),t._v(" "),e("li",[t._v("安装过程中，如遇到问题，建议先升级一下 vscode")])]),t._v(" "),e("h3",{attrs:{id:"atom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#atom"}},[t._v("#")]),t._v(" Atom")]),t._v(" "),e("p",[t._v("使用快捷键打开编辑器设置页面：")]),t._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v(" command + ,(逗号)\n")])])]),e("p",[t._v("选择左侧的 Install Tab，然后在搜索框输入 "),e("code",[t._v("language-cml")]),t._v("，在搜索结果中找到 CML 语言支持并安装")]),t._v(" "),e("img",{attrs:{src:a(415),width:"400px"}}),t._v(" "),e("h3",{attrs:{id:"webstorm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#webstorm"}},[t._v("#")]),t._v(" WebStorm")]),t._v(" "),e("p",[t._v("使用快捷键打开编辑器设置页面：")]),t._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v(" command + ,(逗号)\n")])])]),e("p",[t._v("选择左侧 Plugins，然后在搜索框输入 "),e("code",[t._v("cml-language-support")]),t._v("，然后安装。")]),t._v(" "),e("img",{attrs:{src:a(416),width:"400px"}})])}),[],!1,null,null,null);s.default=v.exports}}]);
