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

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 以共享给更多开发者。


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

qq421065846

从七月中旬开始做混合app,到现在半个月过去了,一个简单的app已见雏形,期间也遇到过无数的坑,主要是熟悉和使用mui框架,h5+,以及调用原生api等,入坑已深,欢迎有兴趣加qq421065846一起讨论交流学习,爬坑。
0 赞 2017-08-01 15:12
PeterLiu

PeterLiu

如何通过jsdoc 生成 sdocml
0 赞 2017-06-05 10:53

要回复文章请先登录注册