小程序学习（一）认识微信小程序

微信小程序学习（一）

• 认识微信小程序
• 安装小程序开发工具
• 创建小程序项目

认识微信小程序

小程序诞生于2017年，微信首先推出这种不需要下载安装即可使用的应用，实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。在微信小程序爆火之后，支付宝和QQ也相继推出小程序的功能。

安装小程序开发工具

微信小程序开发工具下载网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

这里就不赘述安装过程了，这里放上man_zuo博主的文章作为参考（里面有安装详细过程和AppID申请的步骤）：http://www.javashuo.com/article/p-htdrdboo-mr.html

创建小程序项目

打开小程序开发工具如果是第一次创建项目，填写项目的地址和注册小程序是申请的AppID（注：申请的AppID和AppID**记得保存一下，后期项目中会使用到）；后面再次编写的时候可以直接导入项目，通过AppID进入开发界面。

项目目录pages和utils两个文件夹，其中pages文件夹主要是存放小程序中所有的页面内容，每个页面对应有JS、json、wxml、wxss。

pages文件夹对应文件	内部文件的主要作用
js文件	类似于前端技术中的JavaScript
json	主要是配置文件
wxml	类似于前端技术中的HTML
wxss	类似于前端技术中CSS

而utils文件夹主要是含有app.js、app.json、app.wxss、project.config.json、sitemap.json文件

utils文件夹对应文件	内部文件的主要作用
app.js	页面的逻辑文件
app.json	页面全局的配置（例如首页pages和windows）
app.wxss	全局页面的样式
project.config.json	内嵌的配置文件

这时，微信小程序的创建以及有基本的了解，第一步的学习就到此为止啦！