微信小程式開發工具使用?

微信小程式開發工具(微信web開發者工具)下載,安裝,建立新專案和如何匯入專案整個過程教程。

微信小程式開發工具使用

工具/原料

微信小程式開發文件

微信web開發者工具

小程式開發demo

方法/步驟

首先登陸微信公佈的簡易教程網頁,登陸上去後,點選導航欄上方的“工具”按鈕。然後點選左側邊的導航欄“下載”按鈕。

微信小程式開發工具使用

微信小程式開發工具有windows 64,windows 32和mac版本,根據自己的電腦情況,下載適合自己的版本。

微信小程式開發工具使用

把微信小程式開發工具下載回來後,選擇適合的路徑進行安裝。

微信小程式開發工具使用

安裝完開發工具後,會自動在桌面新增微信web開發者工具圖示。通過點選微信web開發者工具圖示開啟微信小程式開發工具,然後用自己的微信軟體掃描二維碼登入,進入微信web開發者工具。

微信小程式開發工具使用

進入開發工具後,那個demo是由微信提供的,我們需要點選最左小角的關閉按鈕,退出當前這個專案。然後點選新增專案新增一個新的專案,進入專案資訊填充介面。

微信小程式開發工具使用

微信小程式開發工具使用

微信小程式開發工具使用

如果你有微信提供的AppID,那就再AppID那裡填入你獲取到的AppID。如果沒有,那麼就點選無AppID。

在專案名稱那裡,填入你自己專案的名稱(這個隨便填)。

專案目錄那裡,如果你是新建立一個專案,那麼首先點選選擇,選擇一個存放你專案的資料夾。如果你是匯入專案,那麼就找到你那個專案的位置,直接匯入就可以了。

最後店家新增專案就可以了。

微信小程式開發工具使用

微信小程式開發工具使用

微信小程式開發工具使用

微信小程式開發工具使用

注意事項

如果沒有AppID那麼就點選無AppID便可

每次寫完程式碼,都要把當前page的程式碼儲存。微信小程式工具不會幫你自動儲存的。

微信小程式工具程式碼補全功能不好,很多程式碼需要完全自己手敲

微信, 專案, 工具, 開發者, 程式,
相關問題答案