安装微信小程序开发者工具，创建小程序，了解项目目录结构

#创作灵感#

最近公司有一个微信小程序需要开发，老板让我学习前端，前端嘛，一般就是html+css+js。然后我就直接学习js了，但是感觉前端这些知识我知道也会用，就想直接上手写小程序。搜集了一些资料，然后下载微信开发者工具，打开后我真的无从下手，感觉那些代码熟悉又陌生，跟着一些博主写功能，可能给的代码不全吧，反正我没实现想要的功能，还无法解决报错问题。这篇文章主要是开发之前的一些基本认识，为后期开发做铺垫。

小程序账号 + 微信开发者工具 + 前端代码 + 后端数据 = 微信小程序

小程序前端开发主要使用WXML、WXSS以及JavaScript这三种语言和技术。（wxml类似于html，wxss类似于css，又不太同）

小程序开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

1、访问网址，安装工具

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

2、安装后，扫码登录

3、创建小程序

点击“确定”，

4、项目目录结构

微信小程序目录结构：https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

5、新建页面步骤

（1）新建文件夹

1. 哪个page在最上面，默认显示哪页
2. json要求严格语法，不能有多余的注释和逗号

（2）新建页面

右键“新建Page”,

右边打开的app.json文件，目前显示的首页是index页面（第一个路径就是首页）