用HBuilderX开发小程序的一些问题

第一步：你要有一个微信小程序，在微信开发者平台上

至于怎样申请微信开发者appid和微信开发者平台上面的东西可以自己去百度下，重点讲的是在HBuilderX开发小程序

第二步：在你的微信开发者工具里面新建一个小程序

第三步：把你新建好的项目导入到HBuilderX里面去

然后点击运行--运行到小程序模拟器，就可以自动打开微信开发者工具，就可以实现在Hbuilder开发，微信开发者工具预览。但是！！！如果一切正常的情况下是这样的，如果不正常的话，那你将很难受，好在我已经填了许多坑，我就把不正常的情况给大家说下。

首先，如果你已经导入了项目到hbuilderx里面，但是点击运行时，运行到小程序那一行是不可点或者点了之后控制台报不能连接到微信开发者工具，这时候你就要打开自己的微信开发者工具了，如图下操作

在微信开发者工具的上方点击设置--安全设置

ok,这时候你就可以在hbuilderx开发，微信开发者工具里预览了。但是如果你没有申请到appid的话在微信开发者里面只能pc端预览，而不能手机扫码预览，因为它会提示你本项目不是开发者开发。

还有一个问题是引用vant库时的报错

当我按照所有流程来时

第一步：npm i vant-weapp -S --production

第二步：

第三步：就是在你的代码里写下

<van-button type="primary">按钮</van-button>

这时候你运行的时候他就开始调皮了

这个问题我在度娘还愣是没找到完全的解决方案

这时候就又要回到微信开发者工具了点击设施--项目设置

然后再hbuilderx里面打开该项目的命令行工具输入以下命令

npm init
npm install --production vant-weapp

这时候你再回到hbuilderX里面你会发现多了一个文件

然后再在你要用到的文件json里面写下路径

{"usingComponents": {"van-button": "vant-weapp/button/index"}
}

over~~~~~~~~~

用HBuilderX开发小程序的一些问题相关推荐

uniapp开发小程序配置文件解析
文章目录前言 1.main.js 入口文件 2.App.vue 页面入口文件 2.1.应用生命周期 2.2.globalData 2.3.全局样式 3.pages.json 全局配置 3.1.pag ...
HBuilderX发布小程序打不开微信小程序开发工具
项目场景: uniapp混合开发小程序通过HBuildX 打不开微信开发者工具问题描述: 最近组员小李在做小程序开发的时候遇到一个比较奇怪的问题就是在HBuilderX,上点击运行到小程序模拟器时 ...
uniapp -从头开始开发小程序流程
1·需要用到的材料 1.hbuilderX 2.微信开发者工具(需要登录相关小程序的开发者账号) 3.微信公众平台(需要登录有开发小程序权限的账号进行操作) 3.1.获取小程序APPID 3.2.提交 ...
用什么服务器开发小程序,开发小程序用什么服务器系统
开发小程序用什么服务器系统内容精选换一换按照翻译方式的不同,高级语言通常可以分为两类:一类是编译翻译,一类是解释翻译,分别对应着编译型语言和解释型语言.编译型语言典型的如C.C++语言,都属于编 ...
flutter开发小程序_为什么我认为Flutter是移动应用程序开发的未来
flutter开发小程序 I dabbled a bit in Android and iOS development quite a few years back using Java and Ob ...
mpvue开发小程序所遇问题及h5转化方案
项目结构 |---build|---pages.js文件目录|---src|---component子组件|---pages|---业务页面|---store,vuex储存|---utils|---请 ...
使用mpvue开发小程序教程（二）
在上一篇文章中,我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建,并创建了第一个mpvue小程序代码骨架并将其运行起来.在本文中,我们来研究熟悉一下mpvue项目的主要目录和文件结构. 在 ...
一个软件公司需要多少前端_制作一个小程序商城需要多少钱？开发小程序公司哪家强？...
搭建小程序商城能更好的为商家打造私域粉丝池,形成私域流量,因此,微信小程序自然成为了企业商家的首选. 随着线上的快速发展,微信小程序能力的升级,使小程序也存在多种类型,例如电商类.资讯类.预约类等等, ...
如何快速创建程序组_如何快速开发小程序
随着小程序发展的越来越火,越来越多的企业.商家都开发了自己的小程序.在小程序开发的过程中,一部分客户会提出希望加快开发进度的要求.那么,如何快速开发小程序?下面不妨一起来了解一下. 选择成熟的小程序开 ...

用HBuilderX开发小程序的一些问题

用HBuilderX开发小程序的一些问题相关推荐

最新文章

热门文章