配置小程序开发项目结构的方法

小编给大家分享一下配置小程序开发项目结构的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

网站的建设成都创新互联公司专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为成都生料搅拌车等企业提供专业服务。

开发小程序，首先利用开发者工具创建一个demo，下载编辑器对项目结构进行配置。找到创建的 demo 文件夹，把项目导入到你的编辑器，使用的是Sublime Text编辑器。

这个时候需要根据自己的项目需求结构进行更改了，项目根目录下面是首页渲染的几个 tabBar 页面，以及 app 的一些配置文件，如名片盒项目的 tabBar 是 3 个切换菜单

我们先找到 app.json 文件打开配置好这几个菜单，配置好 tabBar，这个直接把配置文件改成你自己设计的即可。

App.json 里面有几个配置项：

Pages：这个是编写的js文件，后缀.js这里不需要使用，配置好正确路径即可正常调用（若调用不到，在重启微信开发者工具会直接报 page 错误）。

networkTimeout：暂时没发现用处，建议看文档。根据实际项目需求进行添加与更改。

tabBar：底部的几项配置。

text：可以去掉，全部去掉会发现底部 tabar 高度会减少很多。

Window：配置顶部的一些样式，文档介绍比较详细。

iconPath和selectedIconPath：底部菜单按钮图片与得到切换点击高亮。

Json 文件配置好后，根据项目进行文件创建。

Demo：存放的是假数据，这一期的开发工具支持 require，假数据使用的是 .js 文件形式

里面的数据结构 json 一致，把 data 暴露出去即可

然后取数据 require 进来即可，这一点使用很方便；

Servise：服务交付层（与后台联调真实数据时使用）；

Wxss：一些公共的 css 文件；

Images：图片路径；

Page：除 tabar 以外的页面；

看到这里大家发现每个页面都被连带好三个不同的后缀。分别页面，css，js 目前只能依照这样，是微信应用号的一个规范吧。

Wxss 文件是引入你写的样式文件，也可以直接在里面写样式。

最后Js 文件需全部配置到 pages 里面才能生效。

以上是“配置小程序开发项目结构的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！