第一步:微信开发者平台需要微信小程序
至于如何申请微信开发者appid和微信开发者平台上面的东西,可以自己去百度下面,重点是在HBuilderX上开发小程序
第二步:在你的微信开发者工具中创建一个新小程序
步骤3 :将你新创建的项目导入HBuilderX
然后运行- -运行到小程序模拟器后,将自动打开微信开发人员工具,可以在Hbuilder中进行开发,预览微信开发人员工具。 但是! 呃! 呃! 如果一切正常,就是这样。 如果不正常的话,你会很痛苦。 幸运的是,我填了很多洞。 我把异常的状况告诉大家。
首先,您将项目导入了hbuilderx,但是如果单击“运行”,则无法运行到小程序行。 或者,单击后,控制台报告无法连接到微信开发人员工具。 此时,按如下方式打开自己的微信开发者工具
在微信开发者工具上设置--单击安全设置
确定,此时可以在hbuilderx开发、微信开发人员工具中预览。 但是,如果没有申请appid,微信开发者中只能在pc端预览,不能在手机上扫码预览。 因为这暗示着这个项目不是开发者开发的。
另一个问题是浏览vant库时出现错误
当我按照一切流程来的时候
步骤npm i vant-weapp -S --production
步骤2 :
第三步:写在你的代码里
van-button type='primary '按钮/van-button此时在你运行的时候他开始淘气了
这个问题在度母身上还没有找到完整的解决方案
此时,又将返回到作为微信开发者工具点击设施的项目设置
然后,在hbuilderx中打开项目命令行工具,并输入以下命令
npminitnpminstall-- production vant-weapp如果此时返回到hbuilderX,您会发现增加了一个文件
然后,在要使用的文件json中写入路径
{ ' using components ' : { ' van-button ' : ' vant-weapp/button/index ' } over~~ ~