微信小程序開發代碼對于新手來說，還是比較有難度。好在大家可以在微信小程序官網里下載開發代碼文件，大家可以動手下載一下，下面就按照官網代碼文件和大家介紹一下微信小程序開發代碼怎么寫？

一般微信小程序官網開發代碼文件有三種，分別為app.js、app.json、app.wxss。js后綴代表的是腳本文件。Json后綴的文件代表的是配置文件。wxss后綴的是指樣式文件。

app.js文件是指微信小程序的腳本代碼。主要是用于處理小程序的生命周期函數，可以調用MINA的提供的豐富的API.起到同步存儲以及讀取本地數據。

app.json?后綴文件是指微信小程序的全局配置，我們可以通過這個文件來配置小程序是由哪些頁面組成。包括頁面的路徑、小程序的窗口、背景色以及導航欄的樣式、主題等、網絡超時的時間以及底部tab等。QuickStart 項目里邊的?app.json?配置內容如下：

{

“pages”: [“pages/index/index”, “pages/logs/logs”],

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

}

}

Pages:是指當前的微信小程序所有頁面的路徑，是為了讓微信客戶端知道你當前小程序的頁面定義在哪個目錄。

Windows:定義小程序所有頁面的頂部背景顏色，文字顏色定義等。

app.wxss?是指微信小程序樣式表,我們一般都在class屬性里直接可以使用app.wxss。Wxss樣式跟css樣式有很多相似的地方，不同的是新增了尺寸單位。Wxss支持新的尺寸單位rpx.這樣開發者就可以節省換算的時間。可以通過rpx來換算就可以了。Wxss只支持部分的css選擇器。

以上就是微信小程序開發代碼三種后綴文件的介紹，希望對大家有所幫助！想要了解更多的開發知識可以了解一下微信小程序開發文檔匯總。