前言

首先微信小程序就是运行在微信上的小的App，开发过程类似于Web APP的开发。然后微信小程序时下非常火热，个人认为主要有两方面原因：1.微信本身对小程序非常重视，从微信置顶了小程序功能就可以看出。2.微信这个平台非常具有传播力度，微信支付的成功就是一个很典型的例子。

准备工作

1.注册小程序账号
（https://mp.weixin.qq.com/wxopen/waregister?action=step1 ）

2.安装小程序开发工具。
（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018412）

3.登录威信公众号网站查看自己的AppID。
（https://mp.weixin.qq.com/）

小程序的HELLO WORLD

1.打开并登录小程序开发工具，可以看到主界面大体分为三个部分，左边的模拟器，右上的编辑器和右下的调试器，这种开发界面有过web开发或者安卓app开发的都很熟悉。

2.然后简单看一下一个微信小程序的文件组成结构。

我们可以看到这个项目里边生成了不同类型的文件:

.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件

接下来我们简单了解这4种文件的作用。

1.json文件

json文件简单说就是一种用来存储数据的文件，这里它主要用于保存小程序中页面配置、程序设置等数据。

2.WXML文件

有过UWP应用开发的或者安卓开发的人其实对XML会很熟悉，而WXML其实就是XML差不多的文件，前面加个W类似于加个微信的标签，然后这一类文件通常是用来设置程序UI界面的。

3.WXSS文件

同上，WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。
这一类文件是用来对UI界面的具体参数及形式做补充设置的。

4.JS文件

js文件大家也很熟悉。就是规定程序和用户交互的逻辑功能。
比如点击一个按钮具体会执行哪些操作都在js文件里面声明。

开发模式

微信小程序的开发模式跟安卓app开发其实大体相同，不过由于本人之前更多的UWP应用开发相关的经验，在接触小程序的时候会更多的参照UWP开发去理解。

小程序开发和UWP相似的在于两者总体上都是视图+逻辑这样一种MVVM的开发框架，个人对MVVM的开发框架是非常喜欢的，MVVM具有低耦合、独立开放、界面易测试等优点，而且开发过程中能实时看到程序一点一滴的改变，有利于激发开发者的创造热情。

系统设计与分析lesson5-关于微信小程序开发工具的学习相关推荐

微信小程序开发工具能正常请求后台数据，手机预览请求失败
微信小程序开发工具能正常请求后台数据,手机预览请求失败问题描述微信开发者工具调试完想用手机预览效果,结果发现凡是后台请求都失败. 原因分析可能的原因有三个: 微信开发者工具详情里的本地设置,没有 ...
微信小程序开发工具介绍及安装（下）
开发工具的基本功能介绍微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
微信小程序开发工具下载以及安装教程
微信小程序开发工具下载以及安装教程听语音浏览:0 | 更新:2019-01-09 16:53 1 2 3 4 5 6 7 分步阅读查看全文 http://www.taodudu.cc/news/ ...
微信小程序开发工具有哪些？哪个工具好用
现在的我们日常使用微信小程序的频率几乎跟使用微信的频率差不多了,因为小程序"轻量.方便.快捷",能满足大部分日常使用场景,也可以帮助商家卖货引流营销.不过在进行微信小程序开发时,我 ...
微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等
今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等.完美解决
微信小程序开发工具中快捷键
微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 ...
最新版本微信小程序开发工具的使用
微信小程序简介微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打 ...
微信小程序开发工具项目创建步骤
账号申请后台小程序信息完善安装开发工具IDE 小程序项目搭建项目编译真机预览调试小程序开发前准备: ①申请账号 ②安装开发工具账号申请进入小程序注册页根据指引填写信息和提交相应的资料, ...
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送前言流程完事前言最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...

系统设计与分析lesson5-关于微信小程序开发工具的学习

前言