加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序教程入门[1],使用开发人员工具构建一个简单的应用程序示例

2019-07-31 10:44:02 来源:沈阳小程序开发 作者:沈阳软件开发

1. 开篇导言本节的目标:演示如何使用开发人员工具构建和运行简单的helloworld应用程序。目标用户:没有编程经验但对微信小程序感兴趣的学生。学习目标:开发人员工具的基本使用过程,即创建,导入,删除和关闭项目。案例研究:创建一个helloworld应用程序,类似于微信官方网站教程中的快速入门演示。代码下载门户网站:下一篇:微信小程序教程 - 入门[2]备注:有编程经验的学生或已经看过微信官方网站的简单教程,请酌情跳过本章。2. 案例演示helloworld显示以下图片1631422F8-0.png3. 构建此应用流程环境准备微信版本,无论是Android还是IOS系统,建议将微信版本更新为6.3.27。下载地址,https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1474974358244,如下所示:16314250b-1.png注意:请根据操作系统选择正确的版本。安装项目开发人员工具后,打开并使用微信扫描码登录,如下图所示:1631422203-2.png单击[添加项目],如下图所示:16314251D-3.png由于我们目前没有AppID,所以选择[No AppID] 。项目名称(不是小程序名称),“应用程序编号FirstBlood”。 项目目录为“E: \ workspace \ weixin_example \ helloworld”,如下图所示:1631421330-4.png注意选择[在当前目录中创建快速启动项目],开发人员工具将帮助我们在项目目录中生成一个简单的演示。退出项目以成功添加项目后,进入以下调试页面,如下所示:1631423M2-5.png蓝色区域是客户端模拟器模拟微信小程序的真实逻辑性能。右侧的红色部分表示没有AppID关联的效果。在绿色方块的右上角,单击[X]关闭开发人员工具。在绿色方块的左下角,单击[关闭]以关闭当前项目并返回项目选择页面。如下图所示:1631425O8-6.png删除项目左侧的项目后,如下图所示:1631424Z2-7.png单击[删除]按钮弹出对话框。如果是,请从[开发人员工具]中删除该项目,但不会从硬盘中删除该项目。如下图所示:163142C36-8.png注意:上述删除操作的结果是作者在win10环境中获得的结果。4. 小结知识点:开发人员工具的基本使用流程:创建,导入,删除,关闭项目。5. 预告下一节将介绍微信小程序:MINA的框架。

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。