深圳
小程序開發(fā)公司詳解微信小程序項目結構配置。21世紀，互聯(lián)網(wǎng)+的時代，深圳
小程序開發(fā)公司在前面相關文章中介紹過小程序賬號申請、域名綁定 等。本文小程序開發(fā)公司主要介紹小程序開發(fā)時關于文件配置。微信小程序在快速創(chuàng)建的時候就提供了一個簡單的Demo項目，項目文件結構如圖2-1所示。
本文將基于微信小程序提供的這個Demo項目，深入地了解微信小程序項目文件的作用和配置，以及項目框架搭建的合理性。
小程序開發(fā)關于文件介紹
微信團隊為微信小程序的文件創(chuàng)建了單獨的后綴類型:.wxml和.wXss。這兩種文件后綴只有微信小程序能夠識別，但是這兩種文件又分別與網(wǎng)頁中的.html和.css文件對應，并且使用方法也幾乎一致。在以.js和.json為后綴的文件中，微信團隊并沒有對其做后綴的更改，與網(wǎng)頁中的文件后綴一致。在微信小程序中，代碼文件就是這四種，并且每一個獨立的頁面都擁有這四個文件
(.wxml、.wxss、.js、.json)。同一個頁面，這四個文件的文件名必須相同，微信團隊在內部對這四個文件進行了關聯(lián)，并且每一個頁面都有其獨立的作用域。因為微信小程序運行在微信應用的內核中，如果用瀏覽器打開的話，會無法解析，所以微信小程序只能運行在微信應用中。
小程序開發(fā)關于wxml后綴的結構文件
.wxml文件是微信團隊自創(chuàng)的一種文件格式，這個文件的功能與網(wǎng)頁端
的.html文件的功能是一樣的，都是用來存放頁面上的組件、元素的。不同的地方是微信小程序的.wxml文件不能存放JavaScript代碼，并且沒有頭和體的概念，只能存放組件和行內CSS樣式。
小程序開發(fā)關于wxSs后綴的樣式文件
.wXss文件是微信團隊自創(chuàng)的一種文件格式，這個文件的功能與網(wǎng)頁端的.css文件的功能是一樣的，都是用來設置元素樣式的。而且，網(wǎng)頁的布局、元素、屬性、選擇器等都與網(wǎng)頁端的.css文件一致，也就是說，完全可以將網(wǎng)頁的布局和選擇器用于微信小程序的布局和選擇器，且兩者的布局和選擇器可以互用。
app.wXss文件是一個外鏈的樣式文件，可以不必在其他文件中單獨引入而直接作用其樣式，對應的樣式級別也是最低的，一般用來存放全局的公共樣式。
小程序開發(fā)關于js后綴的邏輯文件
.js文件書寫業(yè)務邏輯代碼，單擊、滑動、上下拉刷新等事件執(zhí)行代碼。.js文件用JavaScript代碼書寫，遵從JavaScript語法和規(guī)范。
官方在JavaScript的基礎上增加了一些封裝，例如APP({}）和Page ({})等，還提供了豐富的API，如圖片選擇、掃一掃等，使得微信小程序開發(fā)起來更加簡單、方便。
app.js文件是比較特殊的，它是微信小程序的入口文件，掌控整個小程序的生命周期，同時有一些全局的屬性、變量也存放在這個文件中。
小程序開發(fā)關于json后綴的配置文件
.json是一種數(shù)據(jù)格式，微信小程序單獨把.json數(shù)據(jù)拿出來，根據(jù)定義的.json數(shù)據(jù)字段來創(chuàng)建不同的頁面樣式效果。
app.json文件是小程序的公共配置文件，決定了可以加載的頁面、導航欄樣式、網(wǎng)絡超時時間等配置信息。
在微信小程序中有一個特殊的.json文件，即project.config.json，這個文件是整個微信小程序的配置文件，整個項目的一些配置信息都存放在這個文件夾中。當在微信開發(fā)工具中進行配置修改時，這個文件內對應的值也會進行修改，并且在一個項目目錄下，只能存在一個project.config.json文件，這也是為什么強調同一個目錄下最好只有一個項目，以防project.config.json文件沖突。好了，
深圳小程序開發(fā)公司本文關于“微信小程序項目結構配置”知識就分享到這里。您要聯(lián)系深圳小程序開發(fā)公司定制開發(fā)小程序項目，請咨詢我們網(wǎng)站在線客服或者撥打網(wǎng)站技術客服電話，為您提供詳細的定制開發(fā)解決方案。謝謝關注，博納網(wǎng)絡編輯整理。
