今天开始准备利用空闲时间研究一下微信小程序的开发和应用(在这样一个内卷的行业中,技多不压身嘛),首先得知道需要的相关工具
开发工具:Hbuilderx 下载地址:https://www.dcloud.io/hbuilderx.html
调试工具:微信开发者工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
Hbuilderx的特点在这里就不赘述了,总之是特别特别强大,小伙伴们有兴趣可以深入研究研究,学习地址:hx.dcloud.net.cn/
一、项目创建
打开安装好的Hbuilderx,选择 文件->新建->项目
输入项目名称,选择自定义模板,我这里选择uni-ui项目模板,因为这个模板中可以直接使用ui组件,无需再import,对开发者非常方便
然后选择Vue版本,我这里勾选Vue3
最后勾选启用uniCloud,因为我打算做一个云开发的小程序
然后点击创建,项目就会创建成功啦!结构是这样婶儿滴:
二、关联云服务
由于我之前勾选了启用uniCloud,这里就需要关联云服务,阿里云或者腾讯云
右键文件夹uniCloud,点击“关联云服务空间或项目”
点击新建按钮就会跳转到unicloud服务空间列表管理页面
点击新建服务空间,按照需求创建自己的云服务空间 然后回到Hbuilderx,点击刷新就可以看到创建好的云服务,最后点击关联即可
这样一个微信小程序的项目就创建好了,我们可以运行在微信开发者工具中看看效果
点击运行->运行到小程序模拟器->微信开发者工具,如果微信开发者工具中,服务端口没有开启,需要手动开启一下
再重新运行即可