Hbuilderx是html5,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区域即可提⽰相应语法(初次勾选需要延时⼏秒后才能使⽤)
jquery框架使用该选择是项⽬级的，⼀旦勾选后，整个项⽬下可以写js的地⽅都会加载。
如果⽂件是单独打开，没有在HBuilderX左侧的项⽬管理器中，则⽆法使⽤本功能。
如果HBuilderX能检测到项⽬下有jquery或mui等常⽤框架，也会⾃动给这个项⽬挂载语法提⽰库。但有时可能检测不准，需要开发者⼿动引⼊。
d.ts
很多框架都内置了d.ts语法提⽰库。HBuilderX完整⽀持d.ts的语法提⽰。
如果项⽬下有某个框架的d.ts⽂件，HBuilderX则可以提⽰这个框架的语法提⽰。
jsdoc+
vue doc
vue组件开发者，如果想给组件使⽤者提供更好的使⽤⽅式，应该给组件写vue doc。
vue doc是⼀种类似jsdoc的⽅式，通过在注释⾥描述组件的⽅法、参数、属性。
兼容vscode vetur插件中的vue规范
⼀些vue的组件库，已经按照vetur规范制作语法提⽰库，⽐如Element UI、Onsen UI、Bootstrap Vue等框架。
这些框架npm安装是在node_module下会⾃带⼀个json语法库，或在HBuilderX新建模板中选择element ui模板安装也会包含该库。有了这个语法库，就可以直接代码提⽰。如下图
代码块
HBuilderX⽀持⾃定义代码块，在菜单⼯具-代码块设置中可⾃⾏扩展。
代码块数据格式兼容vscode，并扩展了更多丰富设置。对于提⾼开发效率帮助很⼤。
问答

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。