微信小程序入门01-工具的下载安装及模板的安装

这篇具有很好参考价值的文章主要介绍了微信小程序入门01-工具的下载安装及模板的安装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序开发现在已经有多种模式了,有使用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的电商模板已经涵盖了一套电商小程序的大部分功能,只是目前他还只是一个前端的功能,需要我们自己搭建后端。

总结

本篇是我们的入门的第一篇,主要是讲解了开发工具的安装,如何使用提供的模板快速的搭建项目的脚手架,其实按照目前的状态,开发小程序也不见得是从零起点开始了,如果觉得有用,点个赞吧。文章来源地址https://www.toymoban.com/news/detail-681022.html

到了这里,关于微信小程序入门01-工具的下载安装及模板的安装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序--》小程序简介与工具安装配置

    🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生 🛵个人主页:亦世凡华、 🛺系列专栏:微信小程序 🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。 👀引言     ⚓经过web前端开发的学习,相信大家对于前端开发有了一定深

    2024年02月09日
    浏览(28)
  • 微信小程序开发者工具基础库下载调试基础库失败的解决办法,填坑DNS问题。

    如下图: 站长工具查Ip的地址是:http://tool.zhiduopc.com/ip 查询结果如下图: 结论:res.servicewechat.com这个域名对应的ip是:125.77.176.247 首先打开文件hosts。路径通常为:C:WindowsSystem32driversetc 截图如下: 如果有C:WindowsSystem32driversetc路径但里面没有hosts文件,则新建一个。不会

    2024年02月06日
    浏览(50)
  • 微信小程序:微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月14日
    浏览(59)
  • 【微信小程序】微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月04日
    浏览(49)
  • 微信小程序开发工具介绍及安装(上)

    本章主要介绍 微信小程序开发工具的介绍 小程序开发工具的安装方法 开发工具的基本功能介绍 微信小程序开发工具是一款由微信官方提供的集成开发环境(IDE),旨在帮助开发者更便捷地创建、调试和发布微信小程序。该开发工具具备丰富的功能和工具集,可以极大地提高

    2024年02月06日
    浏览(37)
  • 微信小程序开发工具介绍及安装(中)

    微信小程序开发工具的安装方法相对简单,并且适用于多个操作系统平台。以下是关于Windows、macOS和Linux三个平台上安装微信小程序开发工具的步骤和注意事项的详细介绍。 一、Windows平台安装方法: 访问微信小程序官方网站,在开发者工具页面上下载适用于Windows平台的安装

    2024年02月07日
    浏览(32)
  • 微信小程序开发工具介绍及安装(下)

    微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建、调试和发布微信小程序。它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细介绍: 一、项目管理功能: 新建项目:微信小程序开发工具提供了创建新项目

    2024年02月06日
    浏览(43)
  • 【微信小程序】--注册小程序账号&安装开发者工具(一)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年01月17日
    浏览(85)
  • 【微信小程序模板直接套用】微信小程序制作模板套用平台

    微信小程序模板直接套用是小程序制作的好工具,特别是对于没有太多代码基础的企业。下面我分享一个微信小程序模板直接套用平台,超60个行业的微信小程序制作模板套用,页面内容丰富样式多样的微信小程序制作模板套用。 微信小程序模板直接套用平台的存在,就是为

    2024年02月09日
    浏览(42)
  • 创建一个微信小程序——如何注册账号,安装微信开发者工具,创建一个小程序(详细步骤版)

    注册地址 注册地址:微信公众平台 注册 右上角——【立即注册】。 选择【小程序】。 按照步骤完成注册。 按照步骤激活邮箱后,在信息登记这里选择个人。 填写相关信息。 完成注册。 这一步可以先保留,后续在创建小程序时会用到AppID——点击【前往小程序】,复制A

    2024年02月06日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包