學(xué)前準(zhǔn)備。
微信小程序是2017年1月9日微信推出的一種免安裝、用完即走的輕App。它基于微信環(huán)境運行，不需要用戶安裝。開發(fā)者可以基于微信開放的小程序技術(shù)規(guī)范，開發(fā)自己的小程序，并申請在微信上線，讓自己的產(chǎn)品與微信8億用戶相連接。使用小程序技術(shù)開發(fā)的輕App，具有入門學(xué)習(xí)簡單、開發(fā)簡便快捷、上線審核門檻低等優(yōu)勢。
工欲善其事，必先利其器。在開始學(xué)習(xí)小程序開發(fā)之前，需要先注冊一個小程序賬號，并在本機安裝微信開發(fā)者工具。
微信開發(fā)者工具下載網(wǎng)址。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
1.1
注冊賬號
首先，在電腦上打開https://mp.weixin.qq.com/，在頁面右上角單擊“立即注冊”，
選擇要注冊的賬號類型，即小程序。然后按要求填寫賬號信息，服務(wù)號，小程序、訂閱號。
在“主體類型”的選項中選擇“個人”或者企業(yè)，并填寫相關(guān)信息。
在注冊過程中，會用到一個微信賬號來掃碼驗證身份。這個微信賬號即為管理員賬號，在以后的開發(fā)過程中會用到。
進入郵箱，打開收自“weixinteam”的郵件，單 擊激活鏈接。
注意每個微信僅能綁定為5個小程序賬號的管理員，這與公眾號的綁定限制是相同的。已經(jīng)綁定了公眾號賬號的微信，不影響再與小程序賬號進行綁定。
對于公眾號和微信賬號，每個身份證都有5個名額的注冊上限，但小程序賬號目前沒有這個限制。
單擊“前往小程序”按鈕，自動登錄小程序微信管理后臺。然后從左側(cè)菜單中，選擇“設(shè)置” 。完成相關(guān)設(shè)置。
1.2 配置開發(fā)工具
微信開發(fā)者工具是微信官方推出的小程序開發(fā)
工具，集代碼編寫、調(diào)試、效果預(yù)覽等功能于一
體。
1.2.1 下載
打開下載網(wǎng)址
：
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
會看到三個版本的下載鏈接，分別是：
Windows 64、Windows 32、Mac
選擇與自己的電腦系統(tǒng)適配的版本。如果是
Windows7+系統(tǒng)，則選擇Windows 64。如果是XP系
統(tǒng)，則選擇Windows 32。如果是Mac OS系統(tǒng)，則
選擇Mac。如果使用的是Windows 7#32位系統(tǒng)，則
選擇Windows 32版本。
2017年8月22日，微信在發(fā)布WXS的同時推出
了全新界面的微信開發(fā)者工具的Beta版本，將“微信
Web開發(fā)者工具”更名為“微信開發(fā)者工具”
。Beta版
本用于優(yōu)先發(fā)布新特征、新組件、新功能，但不建
議在正式項目中使用。Beta版本可與正式版本同時
安裝在一臺機器之上，感興趣的讀者可打開下面的
網(wǎng)址進行下載：
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/beta.html
1.2.2 安裝
此處小程序的安裝，將以Mac OS系統(tǒng)為例進
行講解。獲得dmg安裝包之后，雙擊打開，
然后將“微信開發(fā)者工具”直接拖
至“Applications”即可。如果已經(jīng)安裝了舊版本，則
選擇覆蓋。
1.2.3 設(shè)置編輯器屬性
安裝完成后，就可以設(shè)置編輯器的屬性了。以
Mac為例，依次打開“菜單”
→
“設(shè)置”
→
“編輯設(shè)
置”
要同時選中“修改文件時自動保
存”和“編譯時自動保存所有文件”
。單擊“保存”按鈕
退出，這樣設(shè)置可以減少開發(fā)過程中手動保存代碼
的麻煩，此處的設(shè)置對所有項目都生效。
1.3 從quick start項目開始現(xiàn)在，可以啟動微信開發(fā)者工具了，選擇“程序項目”，啟動后的界面。
如果未曾登錄，使用管理員微信賬號，掃碼就可以登錄“微信開發(fā)者工具”了。管理員微信賬號是在1.1節(jié)注冊小程序賬號時所用的微信賬號。
1.3.1 創(chuàng)建項目若要創(chuàng)建新的項目，可通過如下步驟來實現(xiàn)。首先在所示的界面，選擇“本地小程序項目”。
然后單擊下方的“+”按鈕增加新的項目。
之后會進入圖1-13所示的界面，在其中的AppID中填寫小程序ID，即在1.1節(jié)從小程序微信后臺復(fù)制的字符串。至于項目名稱，可隨意填寫，例如“小白從0到1學(xué)開發(fā)”。
因為只有選擇了空目錄，才能出現(xiàn)“在當(dāng)前目錄中創(chuàng)建quick start項目”這個選項，默認是勾選的，默許這個設(shè)置。單擊“添加項目”，即可完成quick start項目的初建。1.3.2 運行項目首次運行quick start項目時，程序會提示授權(quán)，如圖1-15所示。
允許這個請求。在手機上運行的時候，用戶看到的也是類似的提示。這個地方很容易錯點“拒絕”按鈕，因為在一般情況下，主操作按鈕總是居右的。
