微信小程序开发工具的使用
2018-05-03 21:10
204 查看
【主要内容:】
1. 微信小程序的文件结构2.文件目录中每个文件的作用3. 小程序页面结构
一、微信小程序的文件结构
在微信小程序开发初探中讲了如何创建一个微信的小程序以及微信小程序web开发工具的使用介绍。今天就来介绍一下微信小程序工程的目录结构。下边这张图展示了新建的一个微信小程序工程中包含的所有文件:
二、文件目录中每个文件的作用
每一个微信小程序工程都包含了两个文件夹pages和utils,和三个文件app.js、app.json、app.wxss。
2.1 pages
微信小程序会有很多的页面,每个小程序页面都是以文件夹的形式存放在pages目录下边。默认的工程中包含了两个页面:Index和logs
2.3 utils
这个是公共的、通用的文件夹。从util.js文件的代码中可以看出,日后这个文件中可能存放的是开发中经常用到的公共、通用部分的代码。比如系统默认写入的日期转化函数。
每一个小程序工程都包含了下边这三个文件。也就是说每个小程序主题都由这三个文件组成,而且必须放在项目的根目录下。
2.4 app.js
从app.js的后缀就可以看出,他的实质是JavaScript文件,用来控制小程序的逻辑。
2.5 app.json
app.json里边主要是工程的配置文件。在app.json中可以设置一些工程的公共设置。比如:页面的个数、窗口的显示设置、Tabbar设置、网络设置等等。
2.6 app.wxss
app.wxss文件实质是CSS层叠样式表,所以说这个文件是小程序公共的样式表文件,可以在这个文件中做视图层面的样式设置。
阅读更多
相关文章推荐
- 微信小程序 (应用号)开发(教程)文档,内附开发工具及工具使用方法
- 微信小程序在开发工具预览的圆角模糊效果在ios手机中不能使用
- 微信小程序开发详解(二)---开发工具使用简介
- 微信小程序开发记录一,开发工具的使用
- 微信小程序开发工具使用与设计规范(二)
- 微信小程序开发工具使用指南
- 微信开发第三篇 微信开发者工具在线接口调试工具的使用介绍
- 微信开发准备(三)——框架以及工具的基本使用
- 微信内移动前端开发抓包调试工具fiddler使用教程
- Java微信公众平台开发(十四)【番外篇】——微信web开发者工具使用
- Android For JNI(一)——JNI的概念以及C语言开发工具dev-c++,编写你的第一个C语言程序,使用C启动JAVA程序
- 浅谈数值计算程序开发中性能分析的重要性--valgrind工具使用简介及可恶的std::pow
- 微信开发之ngrok代理外网访问工具的使用
- [微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程
- 微信开发之如何使用开发工具--weixin-java-tools
- 微信内移动前端开发抓包调试工具fiddler使用教程
- 使用IE8开发工具调试时,遇到“无法附加进程,进程可能附加了另一个调试程序”的解决方案
- Android微信终端开发工具的新手使用教程