【前端】小程序开发入门：安装开发工具、目录结构与项目配置

前期准备

开发小程序要先申请一个对应的AppID：微信小程序 (qq.com)

微信官方小程序开发文档：微信开放文档 (qq.com)

然后安装一个小程序开发工具：

选择稳定版：

安装后打开：

新建一个小程序，名字什么的随便写，注意：学习阶段不使用云服务

目录结构

新建完小程序后，会自动生成很多文件，我们对它们进行说明。

其中：app.json是整个小程序的配置。很重要。

json文件不支持注释。

app.json

pages

pages用于注册页面。所有要显示的页面都必须在pages中注册。

新建一个页面有两种方法：

方法1

先新建文件夹，在文件夹中新建page，会生成四个文件：js页面逻辑，json页面配置，wxml页面结构，wxss页面样式。

对应的app.json中的pages会自动注册：

方法2
在app.json中手动写上文件路径，则会自动生成对应四个文件：

window

这里的window指的是窗口。我们可以通过window来配置样式等。

默认为：

更改配置：

其他

详见官方文档。

微信开放文档 (qq.com)