書名: 微信小程序實戰入門(內含完整實例解析)作者名: 劉明洋本章字數: 473字更新時間: 2019-08-13 12:04:22
1.3 創建小程序
安裝完畢之后,在應用程序里面找到微信web開發者工具,雙擊運行。這時需要管理員或者綁定的開發者使用手機微信掃碼登錄,如圖1-27所示。

圖1-27 微信開發工具登錄界面
掃碼登錄之后,可以看到如圖1-28所示的界面。

圖1-28 微信開發工具首頁
單擊“本地小程序項目”,進入項目列表界面,如圖1-29所示。在這里可以創建新的項目,也可以打開歷史創建的項目。

圖1-29 小程序項目列表
單擊“添加項目”,輸入小程序的AppID(個人開發者可以選擇無AppID來學習小程序開發),輸入項目名稱,選擇本地空文件夾作為項目目錄,如圖1-30所示。注意:“項目目錄”可以選擇本地已有的小程序項目,單擊“添加項目”即可完成微信小程序項目的導入。

圖1-30 添加項目
勾選“在當前目錄中創建quick start項目”,可以創建pages、utils文件夾和app.js、app.json、app.wxss文件,如圖1-31所示。不勾選“在當前目錄中創建quick start項目”將創建一個空內容項目,如圖1-32所示。

圖1-31 勾選“在當前目錄中創建quick start項目”的項目

圖1-32 未勾選“在當前目錄中創建quick start項目”的項目
單擊“添加項目”按鈕,第一個微信小程序項目“Hello World”就創建成功了。此時可以看到完整的開發者工具界面,如圖1-33所示。

圖1-33 開發者工具界面