微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

—— 2017 ——

12/20

00:00

来源：

作者：未知

栏目：小程序开发

2017/12/20 0:00:00 来源：不详作者：未知

1. 开篇导言

本节目标：旨在演示如何用开发者工具构建并运行简单的 helloworld 应用。
目标用户：无编程经验，但对微信小程序感兴趣的同学。
学习目标：开发者工具的基本使用流程，即创建、导入、删除、关闭项目。
案例分析：创建helloworld应用，相似于微信官网简易教程中的quickstart demo。
代码下载
传送门：

下一篇：微信小程序教程-入门篇【2】

备注：有编程经验或看过微信官网简易教程的同学，请酌情略过该章节。

2. 案例演示

helloworld 展示如下图

3. 构建此应用流程

环境准备

微信版本，无论是安卓 or IOS系统，都议将微信版本更新为6.3.27。
下载地址，https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1474974358244具体如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

注：请根据操作系统，选择正确的版本。

创建项目

开发者工具安装完成后，打开并使用微信扫码登录，如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

点击【添加项目】，如下图所示：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

由于目前我们没有AppID，所以选择【无AppID】。项目名称(非小程序名称)，“应用号FirstBlood”。项目目录为“E:\workspace\weixin_example\helloworld”，如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

注意勾选【在当前目录中创建quick start 项目】，开发者工具会帮助我们在项目目录中生成一个简单的Demo。

退出项目

添加项目成功后，进入下面的调试页面，如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

其中蓝色区域为模拟器模拟微信小程序在客户端真实的逻辑表现。右面红色部分说明无AppID关联的影响。
右上角绿色方形部分，点击【X】，关闭开发者工具。左下角绿色方形部分，点击【关闭】，关闭当前项目并返回项目选择页面。如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

删除项目

左侧选择项目后，如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

点击【删除】按钮，弹出对话框，选择是，则从【开发者工具】中删除该项目，但并未从硬盘上删除。如下图：
微信小程序教程入门篇【1】,用开发者工具构建运行简单应用实例

注意：上面删除操作的结果是笔者在win10环境下得到的结果。

4. 小结
知识点：开发者工具的基本使用流程：即创建、导入、删除、关闭项目。

5. 预告
下一节讲解微信小程序的框架：MINA。

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

微信小程序 SaaS

上/下篇

微信小程序教程入门篇【2】,小程序小游戏2048实战讲解

本帖最后由狂兔科技于 2016-11-5 03:58 编辑 1. 开篇导言本节目标：对于上篇需求分析做减法。目标用户：学习过【入门篇】的同学或有一定编程经验的同学。学习目标：如果2048”就

微信小程序SaaS 2017/12/20 0:00:00
微信小程序支付申请,微信小程序支付开发详解

第一个坑，获取用户的openid，参数一定要拼在url连接上，否则会报{"errcode":40013,"errmsg":"invalid appid, hints: [ req_id: iil1ba

微信小程序 2017/12/20 0:00:00