一、關于AppId:
明确一點：沒有appid雖然不影響開發，但是如果在建立項目的時候沒有填寫appid則無法進行真機預覽。
appid怎麼獲得？
小程式AppID：登入 https://mp.weixin.qq.com 就可以在網站的“開發”-“基本配置”中檢視到微信小程式的 AppID 了，不可直接使用服務号或訂閱号的 AppID 。
二、預覽小程式：
無論是copy的代碼還是自己手寫的程式，如果能在真機上運作看效果的，那簡直就是這個feel倍兒爽，下面我就來介紹一下如何在真機預覽小程式：
我們添加好項目之後，打開了開發小程式的界面。看到左邊，有一個功能名稱叫“項目”，點選打開之後，會看到預覽按鈕。如果未填寫AppID，這個預覽功能是灰色的。是以回到上面說過的問題，想要預覽一定要填寫appid！！！
三、小程式目錄結構介紹：
最關鍵也是必不可少的，是 app.js（小程式的腳本代碼）、app.json（對整個小程式的全局配置）、app.wxss（整個小程式的公共樣式表） 這三個。微信小程式會讀取這些檔案，并生成小程式執行個體。
1、小程式預設目錄結構
1.1 小程式的檔案格式介紹
在項目中我們可以看到四種檔案類型：
- .js字尾的檔案是腳本檔案，頁面的互動等代碼在這裡實作；
- .json字尾的檔案是配置檔案，主要是json資料格式存放，用于設定程式 的配置效果；
- .wxss字尾的是樣式表檔案，類似于前端中的css,用于對界面進行美化；
- .wxml字尾的檔案是頁面結構檔案，用于建構頁面，在頁面上增加控件。
1.2 pages目錄介紹
pages:主要存放小程式的頁面檔案，其中每個檔案夾為一個頁面，每個頁面包含四個檔案，.wxml檔案是界面檔案，.js是事件互動檔案，用于處理界面的點選事件等功能；.wxss為界面美化檔案，讓界面顯示的更加美觀；.json為配置檔案，用于修改導航欄顯示樣式等，小程式每個頁面必須有.wxml和.js檔案，其他兩種類型的檔案可以不需要。
注意：檔案名稱必須與頁面的檔案夾名稱相同，如index檔案夾，檔案隻能是index.wxml、index.wxss、index.js和index.json.
1.3 utils
該檔案件主要用于存放全局的一些.js檔案，公共用到的一些事件處理代碼檔案可以放到該檔案夾下，用于全局調用。
module.exports = {
formatTime: formatTime
}
對于允許外部調用的方法，用module.exports進行聲明，才能在其他js檔案中用以下代碼引入
var util = require('../../utils/util.js')
然後就可以調用該方法。
1.4 app.js、app.json、app.wxss
app.js : 系統的方法處理檔案，主要處理程式的聲明周期的一些方法；例如：程式剛開始運作時事件處理等
app.json : 系統全局配置檔案，設定導航頭的顔色，字型大小，下面有沒有tabbar等功能，具體頁面的配置在頁面的json檔案中單獨修改；
app.wxss : 全局的界面美化代碼