一、起步

1.小程序开发前先看下微信小程序平台的官方文档，按照指南走流程，开发小程序就得有个账号，点击链接进入小程序官方注册账号，

2.注册后就点我登录，申请小程序开发者者ID之类的

3.下载开发者工具，自定义安装，阅读开发者工具介绍。安装好开发者工具后，点击左上角的项目，选择新建项目，开始你第一个项目吧！项目名称和位置随便自己定义，注意：AppID不填写就用不了真机调试了。

二、项目的结构

1.目录结构

新建成功以后，我们就可以看到以下的界面。我们稍微讲解以下。小程序就分为了3层（2层），我将其命名为App层，页面层，还有组件层（可以把组件层归为页面层）。

形象一点描述就是，App层是一部手机，页面层就是我们看到的页面，例如点开手机看到的锁屏页等。组件层可以理解为页面里面放的一些app，比如手机首页放了一个微信，那么微信就可以当成是一个组件。

App层有三个文件，分别是app.js，app.json，app.wxss。而页面层有四个文件，分别是.js文件，.json文件，.wxss文件，.wxml文件。

app层的文件名是固定的，只能叫app.***。页面层的文件的文件名是根据页面名称决定的。

2.文件区别

js文件就是存一些方法，一些逻辑交互等。例如页面跳转可以在js里面写。这个js与前端的js其实是一个东西，语法什么的都完全一样。

json文件就是存一些配置，例如在app.json文件中，会存放一些页面数据，即有多少个页面之类的。

wxss文件，就是前端的css，存放样式。

wxml文件，就是前端的html，但是一些组件的名称会有所不同。

3.个人理解

app层只有三种文件，但页面层却有四种文件，我个人认为，应该是app层不需要页面。比如手机只是一块废铁，我们手机本身是不用页面的，所以就不用wxml这个文件。但是为什么要wxss页面呢，这就是由于我们需要设置一些全局的样式，例如我想全部页面的按钮都是红色的，我们就需要在app.wxss里面修改。