微信小程序开发目录说明

1.pages
项目开发目录 相当于vue脚手架中的src目录

一个完整的小程序页面包括4部分：

1. xxx.wxml :模板页面（也称视图，类似于html）

   常用标签：
   view:相当于div
   button:按钮
   image:嵌入图像 类似于img
   text:添加文本 相当于span
   block:标签一个组织区域，最终不会渲染到页面上，相当于vue中的template

2. xxx.wxss:页面样式 相当于css

   注意：用rpx代表响应式单位 类似于rem

3.xxx.js: 写页面逻辑的

4.xxx.json:页面的配置

注意：页面的json配置来源于全局（app.json）配置中window字段

参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window
2.utils:
存放封装的工具函数的目录
3.app.js:
是小程序的入口js文件 相当于vue中的main.js
通过App({})构造器实现
4.app.json:
小程序的全局配置

例如：

{
//小程序管理的所有页面路径
“pages”:[
“pages/index/index”,
“pages/logs/logs”
],

//小程序的窗口表现
“window”:{
“backgroundTextStyle”:“light”,
“navigationBarBackgroundColor”: “#000”,
“navigationBarTitleText”: “1909A”,
“navigationBarTextStyle”:“white”
},
“style”: “v2”,
“sitemapLocation”: “sitemap.json”
}
5.app.wxss
是小程序的全局css样式，全影响所有的页面外观
6.project.config.json
工具的统一配置