入门微信小程序(1)

这是我参与8月更文挑战的第20天，活动详情查看：8月更文挑战

1.微信小程序的认识

为什么要学习小程序呢？一个是我觉得微信小程序会比较实用，在日常生活中很容易接触到，比如一些奶茶店呀什么的，还有就是当作自己的一个小技能吧，学习成本也不会很高，一般有web知识的应该很容易就会上手，就是要适应一下微信的一些api

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验 微信开放文档

2.创建第一个微信小程序

首先你需要申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

当你安装好小程序开发者工具的时候，先用你的微信号登录上去，然后选中小程序（一定要选小程序），然后点击那个就可以开始创建你的第一个微信小程序了，这边我们可以选择用测试号来登录

创建完成之后，你的侧边栏就会出现你项目里面的所有文件，我们来分别看看这些文件都有哪些功能

一个小程序主体部分由三个部分组成，必须放在项目的根目录下 分别是 app.js 小程序的入口文件 app.json 小程序的配置文件 app.wxss 小程序的公共样式

2.1pages

首先这个pages就是我们的页面文件，你写的所有页面都会存放在这里，初始化是有两个页面的，一个是首页index，一个日志页面logs，点开index页面的时候你会看到四个文件，
分别是：

index.js 就相当于 前端中的 js
是用于处理小程序的逻辑的，index.json 是用于 小程序的配置，index.wxml是小程序的结构，也就是前端中的 html，index.wxss 是小程序的样式，基本上和 前端中的 css一模一样，每一个你写的页面中都会存在这些文件

2.2utils

这个是小程序的一些公共模块，可以将一些公共的代码抽离成为一个单独的 js (utils.js)文件，作为一个模块;
模块只有通过 module.exports 或者 exports 才能对外暴露接口。
所以当你在util.js里封装的方法想要在外部使用的话,必须通过 module.exports 或者 exports 对外暴露

2.3 sitemap.json

这个就是提高你小程序的SEO的，可以添加一些小程序的关键字

第一步创建一个小程序我们就已经完成了，接下来就是了解一下该如何去写一个小程序了