当前位置:网站首页>小程序项目结构

小程序项目结构

2022-07-05 20:19:00 'wx

每个页面由4个基本文件组成,分别是:

1..js文件(页面的脚本文件,存放页面的数据、事件处理函数等)

2..json文件(当前页面的配置文件,配置窗口的外观、表现等)

3.wxml文件(页面的模板结构文件,类似于html文件)

4.wxss文件(当前页面的样式表文件,类似于css)

1.app.json

{
  "pages":[
		"pages/home/home",
		"pages/message/message",
		"pages/contact/contact",
		"pages/info/info"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
	"sitemapLocation": "sitemap.json",
	"usingComponents": {
		"my_test11":"/components/test/test",
		"my_test2":"/components/test2/test2",
		"my_test3":"/components/test3/test3",
		"my_test4":"/components/test4/test4"
	}
}

4个配置项作用:

        1.pages:用来记录当前小程序所有页面的路径

        2.window:全局定义小程序的页面背景色,文字颜色等

        3.style:全局定义小程序组件所使用的样式版本

        4.sitemaoLocation:用来指明sitemap.json的位置

2.project.config.json文件( 用来记录我们对小程序开发工具所做的个性化配置)

         setting 中保存了编译相关的配置  

        projectname 中保存的是项目名称  

        appid 中保存的是小程序的账号 ID

3.sitemap.json文件(配置小程序页面是否允许微信索引)

原网站

版权声明
本文为['wx]所创,转载请带上原文链接,感谢
https://blog.csdn.net/aYao__/article/details/125367159