美文网首页
史上最简单的微信小程序开发教程!

史上最简单的微信小程序开发教程!

作者: you的日常 | 来源:发表于2021-03-12 11:31 被阅读0次

    本文将会主要介绍微信小程序相关的内容,思维导图如下所示:

    在这里插入图片描述

    什么是微信小程序?有什么好处?有什么用处

    微信小程序是微信团队在 2017 年发布的一款应用,使用微信小程序可以实现基本的一个随用随走的应用。不需要进行下载安装,即可使用。极大方便了用户的使用。

    微信小程序最大的好处在于,对于使用者而言,可以做到随用随走,无需下载,不耗费用户手机的内存,对于开发者而言,不需要多深的开发知识可以完成开发,不需要后端,有微信小程序云开发,可以做到基本的独立开发微信小程序。

    主要用途为线下环境的用途,例如表单的问卷收集、日常的打车,都可以使用微信小程序。

    下面开始演示一个最基本的微信小程序的创建与使用。

    双击打开微信小程序,进入到如下界面:

    在这里插入图片描述

    创建新的微信小程序项目,选择使用测试号创建:

    在这里插入图片描述

    进入到 IDE 界面,其中左边为 IDE 的模拟器界面,右边为程序的代码界面。效果如图所示;

    在这里插入图片描述

    即,你已经完成了在微信小程序上创建第一个 Hello World 级应用。

    开发工具的基本使用

    对于微信小程序而言,开发工具主要为官方的 IDE,这里介绍官方的 IDE 的基本使用。

    调试与模拟

    上方按键中有两个按钮,如图所示,分别为编译、预览与真机调试。

    对于编译来说,当按下编译按钮的时候,在左边的模拟器会自动编译出一个完整的微信小程序,并右边的编辑框将会全部自动保存。开发者使用如图所示:

    在这里插入图片描述

    第二个按钮为预览按钮,使用预览按钮可以实现在手机上直接运行开发版微信小程序。如图所示,可以看到单击按钮,以及生成二维码,此时用户直接扫码,即可在手机端运行微信小程序

    在这里插入图片描述

    在手机端运行该微信小程序如图所示:

    相关文章

      网友评论

          本文标题:史上最简单的微信小程序开发教程!

          本文链接:https://www.haomeiwen.com/subject/mlytgktx.html