微信小程序入门笔记1-环境搭建并认识框架

关于笔记

本文从实战角度记录微信小程序的学习之路，随着学习的进程一点一点的以笔记形式记录。学习是一条路，一开始跟着别人的脚步寻着路走，慢慢的自己就会找到自己的道路。

小程序其实是前端的开发，如果是java开发没接触过小程序，学习起来可能比较费劲，但只要接触过JavaScript，CSS，HTML就很容易上手。

当然到后期，还是会涉及到后端的开发，这时候做过java开发就会显得如鱼得水。

开始前的环境搭建

任何学习微信小程序，都需要做的是注册。

链接地址: https://mp.weixin.qq.com/

选择小程序，这里需要提供一个邮箱，另外要注意的是最终注册完成前，需要绑定一个自己的微信，用于以后登录和管理。

注册完之后记住AppID（小程序ID）这个很重要，以后每次开发新项目都需要输入这个。

搭建开发环境

下载微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装完开发工具，从理论上来说就可以进行开发了。

官方也给出了文档：
小程序框架Framework文档
小程序组件参考文档
小程序 API 参考文档
小程序服务端 API 参考文档

以上文档，当字典查，不适合新手从头一点点学习。

认识小程序的开发环境

打开微信开发工具，新建一个项目。这里必须要AppID生成项目，如果没有或者不想输入，点一下测试号，一样可以生成项目。

项目创建成功后，默认会创建一个Hello World工程。那么让我们就用这个认识下，小程序的框架。

从总体上看，小程序分app级别和pages级别，app就是指整个应用程序，pages是个目录，下面还可以再分page，每一个page就是一个页面。

app级别的只有js，json，wxss负责逻辑、配置和样式，没有页面。

• app.js是应用程序的逻辑文件
• app.json是应用程序的配置文件
• app.wxss是应用程序的样式文件

page级别的这些都有，另外多了页面文件

• *.js是页面的逻辑文件
• *.json是页面的配置文件
• *.wxss是页面级别的样式文件
• *.wxml是页面结构文件

再说的直接点，wxml其实就是html，wxss就是css，js就是javascript负责控制页面操作。

微信小程序开发可以团队开发也有版本控制。但本人习惯单排，暂且先不介绍了，以后有机会再说。