本文介绍了如何开始微信小程序的开发，包括下载微信web开发者工具，理解项目目录结构，如pages文件夹存放页面，utils文件夹用于全局JS，以及app.系列文件的用途。重点解释了wxml作为视图框架，wxss负责美化，js处理逻辑，json进行配置。通过在app.json配置全局页面路径和窗口设置，可以开始编写index主页面和子页面。
首先，你需要从官网上https://mp.weixin.qq.com/cgi-bin/wx下载“微信web开发者工具”，如下图
双击打开
设置项目路径，AppId或者点击小程序，入门就建立快速启动模版，确定打开。
打开程序后，我们先认识一下目录：如图所示，
pages文件夹放的是你每个页面的内容
utils文件夹主要用于存放全局的一些.js文件，全局调用使用
下面的app.的文件就是定义小程序中不变的格式
project.config.json是工具配置，是开发者的个性化设置。
打开pages文件夹，看到两个文件夹，其中index文件夹是我们的主页面内容展示，另外一个是子页面，除此之外，我们还可以根据自己的需求增加子页面文件夹。
注意到里面一共也只有四种文件.js .wxml .wxss .json
如果学过web开发的，很容易联想到html css js——>wxml wxss js.
简单的讲：wxml是一个大体的框架，属于视图
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
