微信小程序之开发入门

为啥要用小程序？

按我自己的理解，膜拜单车就是一个很好的例子，当你走在马路上看见一俩膜拜单车，可以直接用微信扫一扫就立马可以骑上车子走人，根本不需要在下载了好几十兆流量的膜拜单车app软件中扫一扫二维码开启车子。

1.安装开发工具

微信公众平台官网具体网址如下：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html;可下载windows 64最新版本。

2.打开安装包，创建小程序项目

（项目目录:创建一个文件夹，appid：从微信小程序里获取APPID，项目名称：随便起）。appid这是小程序专用的APPID不要和微信公众服务号和订阅号的APPID搞混了。

3.打开之后，微信小程序主要界面。

三个主要功能，编辑，调试，项目。编辑功能里有普通编辑和二维码编辑模式还可以添加编辑模式，一般程序员为了方便会经常添加编辑模式，因为它直接跳转到你正在调试的页面。

4.微信小程序调试工具，共6个。

分别是Console，Sources，Network，Appdata，Storage，Wxml（这些调试工具类似与浏览器里的开发者工具）。

1>Console面板这是调试小程序的控制面板，在代码执行有错误时，错误信息将显示在这个面板中。

2>Sources面板用于显示当前项目的脚本文件，开发者在Sources面板中看到的文件是经过处理之后的脚本文件。

3>Netwrok面板用于观察和显示网络请求request和socket的情况，用Network面板来观察发送的请求及服务端返回的响应数据正确。

4>AppData面板用于显示当前项目中的具体数据，实时地反馈项目数据情况，编辑后数据将及时地反馈到界面上。

5>Storage面板用于显示当前项目使用本地存储的情况，在小程序中可以使用wx.setStorage（异步接口）或者wx.setStorageSync（同步接口）将数据保存到本地存储中。

6>Wxml面板用于帮助开发者查看Wxml转化后的界面。在这里可以看到真实的页面结构以及结构对应的wxss属性，同时可以通过修改对应wxss属性。

5.代码编辑（管理目录）

创建目录，删除目录，建一个page页面里面有四个不同的格式，js，json，wxml，wxss，作用也不同。wxml显示前端页面，wxss相当于js样式，js就是代码javascript，json后台需要的数据传递等等。

6.查看小程序效果

软件左边一部分就是显示页面效果的，也可以用手机扫一扫二维码预览。

，在。模拟器中实时看到修改的情况。）