微信小程序项目结构介绍

当我们新建好小程序项目第一眼看到目录结构，每一个文件夹或者每一个文件是做什么用的你不知道的话，就静下心来看看我写的这篇文章！

首先看看我下面的截图：

邓高鹃

首先我们看跟目录下的app.js、app.json、app.wxss、project.config.json这四个文件是我们在创建小程序项目的时候自动给我生成的，咱们来看看每一个文件都是做什么的！

1、app.js文件——这是一个小程序的逻辑文件，我们开发小程序的时候把逻辑文件写在这个文件内！

2、app.json——小程序的配置文件！

3、app.wxss——小程序的全局公共样式文件

4、project.config.json——小程序整个项目的配置文件(配置文件较多！我会专门为这个些一篇文章。)

到这里项目结构的一级目录文件都介绍完毕了，我们再来看看一级目录下的文件夹！

1、pages文件夹——一个小程序项目都是由若干个页面文件构成的，每一个页面就要做成一个文件夹。比如我新建小程序项目的文件夹pages下面有2个页面。它们分别是index页面和logs页面，index页面是首页页面也是默认访问的页面、logs是日志页面。再看看每一个页面都是由四个文件类型构成，分别是js、json、wxml、wxss，我们再次对这个四个文件夹做介绍。

1.1、js类型文件——编写当前页面的逻辑代码

1.2、wxml类型文件——编写页面结构的代码

1.3、wxss类型文件——编写页面样式的代码

1.4、json类型文件——编写页面配置文件的代码

如果大家多国前端的话对这些类型文件都不叫好理解，如果大家没有做过前端的话你就这么记住就行后面我会以空杯心态说！

如果大家学习过前端的话这样理解

js类型文件就是类似于JavaScript文件

wxml类型文件就是类似于html文件

wxss类型文件就是类似于css文件

json类型文件就是配置文件。

如果大家没有学习过前端这样理解

wxml类型就好比我们没有装修的毛坯房

wxss类型文件就好比我们装修后的毛坯房

js类型文件就就好比我们多功能的家居(比如说智能的窗帘、家电之类的)

json类型文件就好比(水电、天然气、宽带等根据不同的使用情况进行配置)

大家看看这样一个家是不是就很完美了，我们在开发微信小程序页面的时候也是这样的，wxml类型文件帮这么做的是页面的结构、wxss类型文件帮我做的是样式、js文件帮我做的是行为动作、json类型文件帮我们做的是根据自己的需要做些其他的配置。这样大家是不是理解了啊！

在项目结构中！除了pages文件夹外还由一个utils文件夹，这个文件夹用来存放一些公共的js文件，一般开发中不需要修改utils.js文件。

• 人面猴

  序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...

  沈念sama阅读 220,699评论 6赞 513
• 死咒

  序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...

  沈念sama阅读 94,124评论 3赞 395
• 救了他两次的神仙让他今天三更去死

  文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...

  开封第一讲书人阅读 167,127评论 0赞 358
• 道士缉凶录：失踪的卖姜人

  文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...

  开封第一讲书人阅读 59,342评论 1赞 294
• 港岛之恋（遗憾婚礼）

  正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...

  茶点故事阅读 68,356评论 6赞 397
• 恶毒庶女顶嫁案：这布局不是一般人想出来的

  文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...

  开封第一讲书人阅读 52,057评论 1赞 308
• 城市分裂传说

  那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...

  沈念sama阅读 40,654评论 3赞 420
• 双鸳鸯连环套：你想象不到人心有多黑

  文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...

  开封第一讲书人阅读 39,572评论 0赞 276
• 万荣杀人案实录

  序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...

  沈念sama阅读 46,095评论 1赞 318
• 护林员之死

  正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...

  茶点故事阅读 38,205评论 3赞 339
• 白月光启示录

  正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...

  茶点故事阅读 40,343评论 1赞 352
• 活死人

  序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...

  沈念sama阅读 36,015评论 5赞 347
• 日本核电站爆炸内幕

  正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...

  茶点故事阅读 41,704评论 3赞 332
• 男人毒药：我在死后第九天来索命

  文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...

  开封第一讲书人阅读 32,196评论 0赞 23
• 一桩弑父案，背后竟有这般阴谋

  文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...

  开封第一讲书人阅读 33,320评论 1赞 271
• 情欲美人皮

  我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...

  沈念sama阅读 48,690评论 3赞 375
• 代替公主和亲

  正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...

  茶点故事阅读 45,348评论 2赞 358