微信小程序学习实录
微信开发文档
工具下载地址
1. 微信开发者工具的安装
(1) 下载地址：（注意选择适合自己电脑的版本下载）
(2) 安装步骤(这个很简单)，双击安装，下一步，接受协议，修改安装目录，确定，等等安装完成。
2. 创建第一个微信小程序
(1) 安装好微信开发者工具后，打开(时间不同，下载的工具版本不同，但工具的大致布局差不多)，如下：
附：图中提到，怎么获取AppID来开发线上小程序，步骤如下：
1. 到微信公众号平台注册登录https://mp.weixin.qq.com，
2. 登录后，按照下图步骤即可，记住图中步骤三后面，会提示，一个邮箱只能注册一个小程序。
3. 小程序目录，文件和工具讲解（下图是博主新建的小项目，包含登录，注册，首页）
新建的项目，它会自动帮你建立一些默认目录和文件（这些可以全部删了）供学习用，下图中：
app.json是小程序入口.
project.config.json:这个是配置文件（新建项目后自动生成的这个就不要删了，初学的时候先不要改动它了）.
app.json里面是什么？开发文档
.wxml相当于html，不过.wxml不用html中的<HTML><body>标签，直接写view(可看做div)。
.wxss相当于css，html中要引入css从生效，但是.wxml不用引入.wxss，直接用了
给你看一下.wxss里面的内容，和css一模一样(css怎么写，.wxss就怎么写），如下图：
js，也是直接用，不像html要引入外部js（这里不说html的内部js）
快速建立一个页面（即同时自动生成js，json，wxml，wxss）：右键目录，点击“新建 Page”。
点击"新建 Page"后，自动生成的js文件中有一个Page({…})函数，事件都可以在这个函数中完成（说白了就是以前的js写法）
给你看一下Page函数，如下图:
里面的.json也是用来定义数据的（所有.json文件都是用来定义初始数据的，可以为空文件）
对了，怎么运行？现在的 微信开发者工具 一般都是保存代码后自动运行，也可手动，手动看下图：
918
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
