使用hbuilderx开发小程序项目遇到的问题

因为在hbuilderx打开项目,文件结构与开发者工具中打开不一致(例如hbuilderx中只有一个.vue文件,开发者工具中则是四个文件wxml,wxss,js,json分别对应结构,样式,代码逻辑,和组件页面配置)

配置组件相关

在hbuilderx中如果想要更改样式或者添加一些自定义配置时候则需要到项目中最外层的page.json中找到对应的组件地址并进行相关配置,例如:给组件添加自定义标题,添加自定义配置项

在这里插入图片描述

配置全局相关

配置全局就比较方便了,找到pages.json文件与tabar及pages对象同级直接声明添加即可,例如下图plugins
在这里插入图片描述

语法问题

例如hbuilderx中不支持微信小程序text="{
    
    {name}}"语法,解决办法 :text="name"这样运行到开发者工具之后代码就正确的转换了

安全协议

开发者工具设置安全设置中,将服务端口开启
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_47272950/article/details/130607032