一、關(guān)于AppId:
明確一點(diǎn)：沒有appid雖然不影響開發(fā)枢赔，但是如果在創(chuàng)建項(xiàng)目的時(shí)候沒有填寫appid則無法進(jìn)行真機(jī)預(yù)覽澄阳。
appid怎么獲得？
小程序AppID：登錄 https://mp.weixin.qq.com 就可以在網(wǎng)站的“開發(fā)”-“基本配置”中查看到微信小程序的 AppID 了踏拜，不可直接使用服務(wù)號或訂閱號的 AppID 碎赢。
二、預(yù)覽小程序：
無論是copy的代碼還是自己手寫的程序速梗，如果能在真機(jī)上運(yùn)行看效果的肮塞，那簡直就是這個(gè)feel倍兒爽襟齿，下面我就來介紹一下如何在真機(jī)預(yù)覽小程序：
我們添加好項(xiàng)目之后，打開了開發(fā)小程序的界面峦嗤∪锾疲看到左邊屋摔，有一個(gè)功能名稱叫“項(xiàng)目”烁设，點(diǎn)擊打開之后，會看到預(yù)覽按鈕钓试。如果未填寫AppID装黑，這個(gè)預(yù)覽功能是灰色的。所以回到上面說過的問題弓熏，想要預(yù)覽一定要填寫appidＡ堤贰！挽鞠！
三疚颊、小程序目錄結(jié)構(gòu)介紹：
最關(guān)鍵也是必不可少的，是 app.js（小程序的腳本代碼）信认、app.json（對整個(gè)小程序的全局配置）材义、app.wxss（整個(gè)小程序的公共樣式表） 這三個(gè)。微信小程序會讀取這些文件嫁赏，并生成小程序?qū)嵗?/p>
3.1小程序默認(rèn)目錄結(jié)構(gòu)
3.1.1 小程序的文件格式介紹
在項(xiàng)目中我們可以看到四種文件類型：
- .js后綴的文件是腳本文件其掂，頁面的交互等代碼在這里實(shí)現(xiàn)；
- .json后綴的文件是配置文件潦蝇，主要是json數(shù)據(jù)格式存放款熬，用于設(shè)置程序 的配置效果；
- .wxss后綴的是樣式表文件攘乒，類似于前端中的css,用于對界面進(jìn)行美化贤牛；
- .wxml后綴的文件是頁面結(jié)構(gòu)文件，用于構(gòu)建頁面则酝，在頁面上增加控件殉簸。
3.3 pages目錄介紹
pages:主要存放小程序的頁面文件，其中每個(gè)文件夾為一個(gè)頁面堤魁，每個(gè)頁面包含四個(gè)文件喂链，.wxml文件是界面文件，.js是事件交互文件妥泉，用于處理界面的點(diǎn)擊事件等功能椭微；.wxss為界面美化文件，讓界面顯示的更加美觀盲链；.json為配置文件蝇率，用于修改導(dǎo)航欄顯示樣式等迟杂，小程序每個(gè)頁面必須有.wxml和.js文件，其他兩種類型的文件可以不需要本慕。
注意：文件名稱必須與頁面的文件夾名稱相同排拷，如index文件夾，文件只能是index.wxml锅尘、index.wxss监氢、index.js和index.json.
3.4 utils
該文件件主要用于存放全局的一些.js文件，公共用到的一些事件處理代碼文件可以放到該文件夾下藤违，用于全局調(diào)用浪腐。
module.exports = {
formatTime: formatTime
}
對于允許外部調(diào)用的方法，用module.exports進(jìn)行聲明，才能在其他js文件中用以下代碼引入
var util = require('../../utils/util.js')
然后就可以調(diào)用該方法。
3.5 app.js恩掷、app.json、app.wxss
app.js : 系統(tǒng)的方法處理文件特漩，主要處理程序的聲明周期的一些方法；例如：程序剛開始運(yùn)行時(shí)事件處理等
app.json : 系統(tǒng)全局配置文件骨杂，設(shè)置導(dǎo)航頭的顏色涂身，字體大小，下面有沒有tabbar等功能腊脱，具體頁面的配置在頁面的json文件中單獨(dú)修改访得；
app.wxss : 全局的界面美化代碼
