微信小程序目录结构
2017-07-11 11:33
295 查看
暑假闲来无事,准备学习一下微信小程序开发。我是跟着腾讯视频学的,有兴趣的同学可以去腾讯视频上找哈,免费资源。
首先搭建微信小程序开发环境,微信公众平台官网上先注册,接着下载开发工具,安装,OK啦。很简单
接着介绍下微信小程序目录结构
总体结构:2个根目录(pages,utils)+3个根文件
(1)程序配置文件:固定不能变化
app.js:小程序的主逻辑文件,用来监听并处理小程序的生命周期函数,全局变量等.(必须有)
app.json:主配置文件,对整个小程序的全局配置,配小程序的页面组成,窗口背景,导航条样式等(必须有)特别注意:app.json不能添加任何注释.
app.wxss:整个小程序公共样式表.(可以根据需要修改或不使用)
(2)程序页面文件:根据需要增加即可.
index.js:小程序的主页面,启动后首先执行的(必须要有)
index.wxml:小程序布局,相当于html页面.(必须要有)
index.wxss:当前页面的样式表.决定wxml页面的显示效果.
index.json:当前页面的配置文件.只能配置windows配置项,以决定当前窗口的表现(就近原则)
(3)日志文件:根据需要使用
(4)公共代码文件:utils.js存放公共的js代码,开发者也可以根据需要添加其他目录(images)
首先搭建微信小程序开发环境,微信公众平台官网上先注册,接着下载开发工具,安装,OK啦。很简单
接着介绍下微信小程序目录结构
总体结构:2个根目录(pages,utils)+3个根文件
(1)程序配置文件:固定不能变化
app.js:小程序的主逻辑文件,用来监听并处理小程序的生命周期函数,全局变量等.(必须有)
app.json:主配置文件,对整个小程序的全局配置,配小程序的页面组成,窗口背景,导航条样式等(必须有)特别注意:app.json不能添加任何注释.
app.wxss:整个小程序公共样式表.(可以根据需要修改或不使用)
(2)程序页面文件:根据需要增加即可.
index.js:小程序的主页面,启动后首先执行的(必须要有)
index.wxml:小程序布局,相当于html页面.(必须要有)
index.wxss:当前页面的样式表.决定wxml页面的显示效果.
index.json:当前页面的配置文件.只能配置windows配置项,以决定当前窗口的表现(就近原则)
(3)日志文件:根据需要使用
(4)公共代码文件:utils.js存放公共的js代码,开发者也可以根据需要添加其他目录(images)
相关文章推荐
- 微信小程序学习(2):小程序目录结构介绍
- 微信小程序开发详解(三)---微信小程序工程目录结构
- 微信小程序购物商城系统开发系列-目录结构
- 微信小程序学习(2):小程序目录结构介绍
- 1. 微信小程序的目录结构详解
- 微信小程序开发之目录结构分析(2)
- 微信小程序(2)目录结构
- 002、微信小程序---目录结构
- 微信小程序系列2(目录结构了解)
- 微信小程序目录结构
- 微信小程序购物商城系统开发系列-目录结构
- 微信小程序的工具使用以及目录结构详解
- 微信小程序 目录结构
- 微信小程序目录结构、事件处理、网络请求
- 微信小程序学习笔记(2)--------框架之目录结构
- 微信小程序购物商城系统开发系列-目录结构
- 微信小程序购物商城系统开发系列-目录结构
- 开发小程序插件,微信小程序插件目录结构——小程序插件开发4
- 微信小程序购物商城系统开发系列-目录结构介绍
- 微信小程序购物商城系统开发系列-目录结构