如何扩展语法提示、自定义语法

HBuilder默认只提示标准的HTML5语法。很多框架有自己的HTML、JS语法,也希望在开发中被提示。
HBuilder提供如下扩展方案。

JS部分

\n

  1. 基于sdocml的框架语法库
    对工程点右键,引入框架语法,可以看到我们已经做了的一些常用框架语法库,包括jquery、zepto、mui。
    其他框架语法,大家可参考这些语法库的sdocml文件格式,来自己做。
    做好后提交到 https://github.com/dcloudio/WebFrameworkGrammar 以共享给更多开发者。
  2. jsdoc
    HBuilder兼容jsdoc规范,如果开发者的jsdoc写的完善,一样可以被HBuilder的代码助手良好的提示出来。
    jsdoc+的扩展规范地址:http://ask.dcloud.net.cn/article/129
    jsdoc的好处是分发容易,跟着js文件一起分发;坏处是造成js文件体积变大,影响性能。
    常见的做法是提供2个js文件给开发者,比如ext-dev.js和ext-min.js。dev包括jsdoc而min是压缩版。
    另外注意js文件的体积,比如ext-dev.js的官方文件高达6M,这样的文件HBuilder解析起来还是有压力的。
  3. js代码块
    我们也可以通过代码块的方式来扩展js提示。
    点菜单工具-扩展代码块-js,可以看到详细说明和教程。
    代码块并不是简单的xml配置,而是可以使用ruby编程的,功能很强大。
    扩展的代码块,可以提交到 https://github.com/dcloudio/HBuilderRubyBundle 以共享给更多开发者。
\n

HTML部分

\n

HTML部分目前只能通过代码块扩展,代码块的扩展包括标签和属性2部分,在工具-扩展代码块-HTML里有说明。
扩展的代码块,可以提交到 https://github.com/dcloudio/HBuilderRubyBundle 以共享给更多开发者。


12 分享
烟雨梦霄云 askme snowBobby 扯淡1992 beyondliu GitCC 573284970@qq.com gaohuazi 513238368@qq.com DCloud_客服_Trust 想飞翔的鱼 夜尔九九

要回复文章请先登录注册