小程序的开发环境及第一个小程序的申请在微信公众平台上都有详细介绍，不再赘述。
小程序的目录结构和网页前端十分相似，区别也仅仅体现在后缀名上。
网页由HTML、CSS和JavaScript文件组成，类比过来，小程序的页面相应由index.wxml、index.wxss和index.js组成。网页中，HTML的作用是构建页面布局结构，CSS用来修饰页面的样式，JavaScript用来处理页面与用户的交互。小程序的相应文件的功能和网页完全相同。下图为小程序开发环境中的目录结构及小程序页面。
第一个小程序页面及其目录结构
另外，根目录中app.json文件是对小程序全局的配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
project.config.json可以针对各自喜好做一些个性化配置，例如界面颜色、编译配置等。
包含所有配置选项的app.json文件及小程序页面
app.json配置项
完整配置文档
网友评论