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具体如下图：
注：请根据操作系统，选择正确的版本。
-
创建项目
开发者工具安装完成后，打开并使用微信扫码登录，如下图：
点击【添加项目】，如下图所示：
由于目前我们没有AppID，所以选择【无AppID】。项目名称(非小程序名称)，“应用号FirstBlood”。项目目录为“E:workspaceweixin_examplehelloworld”，如下图：
注意勾选【在当前目录中创建quick start 项目】，开发者工具会帮助我们在项目目录中生成一个简单的Demo。
-
退出项目
添加项目成功后，进入下面的调试页面，如下图：
其中蓝色区域为模拟器模拟微信小程序在客户端真实的逻辑表现。右面红色部分说明无AppID关联的影响。
右上角绿色方形部分，点击【X】，关闭开发者工具。左下角绿色方形部分，点击【关闭】，关闭当前项目并返回项目选择页面。如下图：
-
删除项目
左侧选择项目后，如下图：
点击【删除】按钮，弹出对话框，选择是，则从【开发者工具】中删除该项目，但并未从硬盘上删除。如下图：
注意：上面删除操作的结果是笔者在win10环境下得到的结果。
4. 小结
知识点：开发者工具的基本使用流程：即创建、导入、删除、关闭项目。
5. 预告
下一节讲解微信小程序的框架：MINA。
***本网站图片，文字之类版权申明，因为网站可以由注册用户自行上传图片或文字，本网站无法鉴别所上传图片或文字的知识版权，如果侵犯，请及时通知我们，本网站将在第一时间及时删除。
我要评论
最新文章
热门阅读
随机文章
热评文章
热门标签
考古APP开发 感受历史的魅力考古APP开发安全教育app开发解决方案门店小程序类目资质表广州APP开发企业APP制作公司一招告诉你小程序码怎么生成？一文告诉你为什么鲜花店老板主动要做小程序?微信小程序好做吗？如何制作一个购买东西的小程序上海茶楼预约小程序开发越来越受青睐微信运营公众平台开发小技巧大用途为什么说门店小程序和普通小程序有着天壤之别？现在使用微信小程序收费吗小程序分销超过三级微信小程序开发要很多钱吗？西安哪些行业适合开发微信小程序微信小程序插件的有什么意义呢？什么样的微信小程序会是爆款零基础开发小程序商城之支付功能个人如何开发微信小程序新手如何制作小程序微信小程序开发文档之本地调试配置如何搭建深圳做得好的小程序公司如何选择一家好的小程序开发公司西安微信小程序创业为什么会失败微信小程序的存在价值你知道吗？微信小程序登录授权界面如何开发小程序开发:哪类行业小程序比较容易成功？小程序定位附近店铺带来的商机，如何创建小程序全屏展示图片的实现方式微信小程序支付申请微信小程序支付开发详解