微信小程序项目创建与目录结构是怎样的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计943个文字,预计阅读时间需要4分钟。
本文以实例讲述了微信小程序项目的创建与目录结构。分享给广大家长供参考,具体如下:
首先,上传微信公众平台的网址:https://mp.weixin.qq.com/,下面内容完整可跟做。
1. 登录微信公众平台的网站,点击开发菜单。
2.在开发页面,点击快速创建小程序。
3.输入小程序名称、AppID、AppSecret等信息,并选择小程序类型。
4.按照提示完成小程序的创建。
5.进入小程序开发工具,按照目录结构进行开发。
目录结构如下:
- app.js:小程序逻辑
- app.json:小程序公共设置- app.wxss:小程序公共样式表- pages:页面目录,包含页面结构、逻辑、样式等 - index:首页 - index.wxml:首页结构 - index.wxss:首页样式 - index.js:首页逻辑 - list:列表页 - list.wxml:列表页结构 - list.wxss:列表页样式 - list.js:列表页逻辑- utils:工具目录,存放一些公共函数- images:图片目录,存放小程序所需图片- icon.png:小程序图标以上内容仅供参考,具体开发过程可根据实际需求进行调整。
本文实例讲述了微信小程序项目创建与目录结构。
本文共计943个文字,预计阅读时间需要4分钟。
本文以实例讲述了微信小程序项目的创建与目录结构。分享给广大家长供参考,具体如下:
首先,上传微信公众平台的网址:https://mp.weixin.qq.com/,下面内容完整可跟做。
1. 登录微信公众平台的网站,点击开发菜单。
2.在开发页面,点击快速创建小程序。
3.输入小程序名称、AppID、AppSecret等信息,并选择小程序类型。
4.按照提示完成小程序的创建。
5.进入小程序开发工具,按照目录结构进行开发。
目录结构如下:
- app.js:小程序逻辑
- app.json:小程序公共设置- app.wxss:小程序公共样式表- pages:页面目录,包含页面结构、逻辑、样式等 - index:首页 - index.wxml:首页结构 - index.wxss:首页样式 - index.js:首页逻辑 - list:列表页 - list.wxml:列表页结构 - list.wxss:列表页样式 - list.js:列表页逻辑- utils:工具目录,存放一些公共函数- images:图片目录,存放小程序所需图片- icon.png:小程序图标以上内容仅供参考,具体开发过程可根据实际需求进行调整。
本文实例讲述了微信小程序项目创建与目录结构。

