.js檔案-基於JavaScript的邏輯層框架

.wxml檢視層檔案-是MINA設計的一套標籤語言

.wxss樣式檔案-用於描述WXML的元件樣式

.json檔案-配置檔案，用於單個頁面的配置和整個專案的配置

新建專案開啟的時候會自動建立一個demo，demo的結構檔案見下圖：

第三步：當中的app.js、app.json、app.wxss是必不可少的，是小程式生成的依賴檔案。

app.js是小程式的指令碼程式碼，用來監聽並處理小程式的生命週期函式、宣告全域性變數。

app.json是對整個小程式的全域性配置，配置小程式是由哪些頁面組成，配置小程式的視窗標題、背景顏色等。

app.wxss是整個小程式的公共樣式表。

Hello world例項分析見下圖：

app.js

針對上述程式碼的API介紹：

App：註冊一個小程式

onLunch：程式載入時執行的方法

getStorageSync：以同步的方式獲取本地快取

setStorageSync：設定快取

wx.getUserInfo：獲取使用者資訊

app.json

pages為註冊頁面的列表，均為相對路徑，配置小程式由哪些頁面組成，window配置小程式的視窗背景色、配置導航條樣式、配置預設標題等。

來到頁面的部分，看看index檔案中的內容，有3部分，index.js、index.wxml、index.wxss見下圖:

index.wxml

作為一個展示頁面，作用於HTML相同，index.wxml檔案中使用了<view/>、<image/>、<text/>元件來搭建頁面的結構，繫結資料和互動處理函式。

index.js

js檔案是頁面邏輯處理層，其中：

getApp()：獲取應用例項

Page：宣告頁面

data：定義資料

bindViewTap：為在view中繫結的是tap事件定義操作方法

wx.navigateTo：導航到響應頁面

onLoad：定義頁面載入時的事件。在這裡使用了在全域性 app.js 中定義的回撥函式，將data中的資料更新，由於雙向的繫結，頁面中的 userInfo 例項也會更新，顯示出您的頭像和暱稱。

index.wxss檔案

index.wxss檔案中同樣是定義一些樣式，寫法思路與css檔案基本一致，主要不需要去設定螢幕適配問題;

針對那些沒有任何開發經驗的 人來說，軟體開發是一件非常困難的事，然而那些又不懂開發又想做小程式的來說，可以選第三方的軟體小程式：

小程式管理員將小程式授權給第三方平臺後，該平臺可幫助小程式進行程式碼開發與帳號管理。

上海菜花旗下的靠譜小程式™作為一個成熟的第三方小程式平臺，為想做小程式而沒有開發能力的中小公司，個體戶商家或者個人提供成熟的行業模板，巧妙的介面上設定，後臺能夠進行配置伺服器地址、程式碼開發、上傳、提交與釋出、模版訊息、客服訊息、微信登入等操作佔據小程式大部分市場。

程式開發可不是一朝一夕的事情，需要具備的知識很多，有興趣可以參考一些相關書籍，本人對此並無太多瞭解，實在抱歉！

來了，

如果完全是零基礎學習小程式開發，推薦先最好學習下網上看下影片教程（慕課網還不錯。）然後大致瞭解下基本知識，再決定入手小程式是前端開發，還是後臺，還是設計