当前位置:   article > 正文

微信小程序开发者工具-小白篇_微信开发者程序

微信开发者程序

小程序开发现在已经有多种模式了,有使用uniapp开发的,使用微信开发者工具开发的,还有低代码工具也支持开发小程序的。

在众多开发模式中,使用官方开发者工具开发也是一种形式。本篇我们就介绍一下如何用微信开发者工具搭建小程序的开发环境。

1 下载工具
官方提供的开发者工具可以通过官方的开发文档下载,下载地址

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html


一般选择稳定版安装即可,我们这里选择windows 64位的安装包

2 安装工具
下载完毕后,双击安装包进入安装界面


接受协议

选择安装路径,默认安装在C盘,我们也可以自己选择一个文件夹进行安装


3 工具启动
开发工具第一次启动的时候需要扫码登录一下

扫码成功后会出现项目的选择界面


点击+号我们创建一个新项目

需要自己起一个项目名称,目录的话可以选择自己项目的目录,appid需要使用你小程序的id,开发模式我们使用默认的小程序,后端服务的话,就根据你自己的需要选择

目前小程序有两种开发模式,一种是使用云开发,另外一种是不使用云服务。云开发的好处是免去你自己搭建后端服务器的烦恼,缺点是比较费钱,他的资费是两部分,一个是固定额度的套餐,再一个使用的时候是按量付费

比如你的小程序如果有大量的图片、视频类资源的,一个是比较占存储空间,另外是访问的时候费流量

如果C端用户不太多,建议考虑自己搭建后端服务,基本上购买一台轻量级服务器就能搞定

我们这个系列的入门文章就不准备采用云开发的模式了,准备自己搭建后端,这样用起来也不受限制,在开发的时候不需要交钱,上线时候选一个性价比比较高的云厂商即可。

模板的话,我建议选择第二个模板,TDesign的话他是一整套,既有小程序的前端框架,又有PC端的框架,这样我们在前端框架选择上就保持了统一。

以下是我自己设置好的目录结构


点击确定就可以看到我们的工程界面


4 TDesign电商模板赏析
电商模板功能还是蛮强的,一启动会显示首页

点击搜索框会进入到搜索页

点击轮播图会进入到活动页

购物车的内容也很丰富

分类页面可以通过侧边栏导航进行切换

个人中心页面已经是一个可用的状态

综合评估,TDesign的电商模板已经涵盖了一套电商小程序的大部分功能,只是目前他还只是一个前端的功能,需要我们自己搭建后端。

总结
本篇是我们的入门的第一篇,主要是讲解了开发工具的安装,如何使用提供的模板快速的搭建项目的脚手架,其实按照目前的状态,开发小程序也不见得是从零起点开始了,如果觉得有用,点个赞吧。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/730359
推荐阅读
相关标签
  

闽ICP备14008679号