DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-05-12 22:42
  • 更新:2024-10-22 17:28
  • 阅读:188192

HBuilderX代码提示系统说明

分类:HBuilderX

本帖文档已集成到: hx产品文档

HBuilderX的代码提示系统很庞大,支持多种语法提示模型。

内置语法库

  • web项目有内置的html、js、css语法库
  • App项目有内置的plus扩展语法库
  • uni-app项目有内置的uni-app语法库
  • 微信小程序、快应用等项目也有对应的内置语法库

js框架语法库(sdocml格式)

HBuilderX中,在可以输入js的文件,比如js、html等文件里,(不含vue、ts),底部状态栏有“语法提示库”,可以加载内置的框架语法库。

其中node.js也是作为一种框架语法而存在的。
勾选相应js框架语法后,js区域即可提示相应语法(初次勾选需要延时几秒后才能使用)

该选择是项目级的,一旦勾选后,整个项目下可以写js的地方都会加载。
如果文件是单独打开,没有在HBuilderX左侧的项目管理器中,则无法使用本功能。

如果HBuilderX能检测到项目下有jquery或mui等常用框架,也会自动给这个项目挂载语法提示库。但有时可能检测不准,需要开发者手动引入。

d.ts

很多框架都内置了d.ts语法提示库。HBuilderX完整支持d.ts的语法提示。
如果项目下有某个框架的d.ts文件,HBuilderX则可以提示这个框架的语法提示。

jsdoc+

jsdoc是以注释方式声明方法、参数、属性,HBuilderX提供了经过扩展的jsdoc+,可实现强大的语法提示,详见:https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/129

vue doc

vue组件开发者,如果想给组件使用者提供更好的使用方式,应该给组件写vue doc。
vue doc是一种类似jsdoc的方式,通过在注释里描述组件的方法、参数、属性。
详见:https://ask.dcloud.net.cn/article/35814

兼容vscode vetur插件中的vue规范

一些vue的组件库,已经按照vetur规范制作语法提示库,比如Element UI、Onsen UI、Bootstrap Vue等框架。
这些框架npm安装是在node_module下会自带一个json语法库,或在HBuilderX新建模板中选择element ui模板安装也会包含该库。有了这个语法库,就可以直接代码提示。如下图

代码块

HBuilderX支持自定义代码块,在菜单工具-代码块设置中可自行扩展。
代码块数据格式兼容vscode,并扩展了更多丰富设置。对于提高开发效率帮助很大。

6 关注 分享
DCloud_HB_WDL 7***@qq.com 9***@qq.com sonicsunsky 1***@qq.com 4***@qq.com

要回复文章请先登录注册

gxlqssjf

gxlqssjf

如何导入与维护js框架库或自己的vue框架什么的??
2019-11-07 09:42
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 夏蓓梓 :
只有HTML、vue、js才有语法提示库,也就是只有js语法库。另外项目要拖到HBuilderX的项目管理器里,外部文件单独打开不行
2019-11-03 20:01
夏蓓梓

夏蓓梓

HBuilderX 点击 “语法提示库” 显示 “暂无可用的语法提示库”
2019-11-01 13:47
万悦铭

万悦铭

hbuilderx,在编辑代码的时候,可以弹出代码提示框,但是不到一秒的时间就自动消失了,对于我这样记不住单词的这样用起好老火,请问该怎么解决
2019-09-20 09:51
objcat

objcat

回复 DCloud_heavensoft :
(╯▽╰)好吧 希望hx尽快完善 毕竟是国人的ide 还是期望很高的
2019-08-28 13:38
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 objcat :
这个不是bug,已经单独回复了
2019-08-27 21:15
objcat

objcat

回复 DCloud_heavensoft :
使用electron表示不能提示 也无法跳转到d.ts 跳转和语法提示是两个功能 都不支持
vscode和webstorm均有此功能 但是在上面文章里写的是可以支持 那么这是否是个bug呢 我已经提出了
https://ask.dcloud.net.cn/question/77657?notification_id-608695__rf-false__item_id-96965#!answer_96965
2019-08-27 20:36
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 domn :
如果你的elementui是npm安装的,一般会自带提示库,HBuilderX会找到这个库并解析。如果项目下的node_module没有这个库,HBuilderX肯定无法提示。在HBuilderX里新建项目,选element ui,是npm方式的,会带着语法提示库
2019-07-22 22:09
domn

domn

回复 DCloud_HB_WDL :
nodejs不提示可能与我的写法有关,无视即可。
2019-07-22 20:23
domn

domn

回复 DCloud_HB_WDL :
譬如已引入element-ui,输入**<el**之前是有组件名提示的,现在只提示原生html标签
2019-07-22 20:21