從零開始開發微信小程式（一）

本文主要和大家分享從零開始開發微信小程式（一），後面我們會繼續和大家分享從零開始開發微信小程式（二），希望能幫助大家。

1：註冊
用沒有註冊過微信公眾平台的郵箱註冊一個微信公眾號， 申請帳號,點擊https://mp.weixin.qq.com/wxopen/waregister?action=step1根據指引填寫資訊和提交相應的資料，就可以擁有自己的小程式帳號。註冊完成之後開始登入。

image

2：登入https://mp.weixin.qq.com

我們可以在選單「設定」- 「開發設定」 看到小程式的AppID 了。小程式的 AppID 相當於小程式平台的身分證，後續你會在很多地方要用到 AppID (注意這裡要區別於服務號碼或訂閱號碼的 AppID)。有了小程式帳號之後，我們需要一個工具來開發小程式。
根據官方教學進行開發https://mp.weixin.qq.com/debug/wxadoc/dev/

image

##3：安裝開發工具

前往開發者工具下載頁面，根據自己的作業系統下載對應的安裝包進行安裝，有關開發者工具更詳細的介紹可以查看《開發者工具介紹》 。開啟小程式開發者工具，用微信掃碼登入開發者工具，準備開發你的第一個小程式吧！我的電腦是64位元的：

#image

4：安裝完成之後

你的第一個小程式開啟：新專案選擇小程式項目，選擇程式碼存放的硬碟路徑，填入剛申請到的小程式的AppID，給你的專案一個好聽的名字，最後，勾選"創建QuickStart 專案" (注意: 你要選擇一個空的目錄才會有這個選項)，點擊確定，你就得到了你的第一個小程式了，點擊頂部選單編譯就可以在IDE 預覽你的第一個小程式。

image

#image

image

5：編譯預覽

點擊工具上的編譯按鈕，可以在工具的左側模擬器介面看到這個小程式的表現，也可以點擊預覽按鈕，透過微信的掃一掃在手機上體驗你的第一個小程式。 OK，你已經成功創建了你的第一個小程序，並且在微信客戶端上體驗到它流暢的表現。

image

小程式初始化目錄介紹：

1：page 頁面資料夾存放專案頁面渲染相關檔案

image

2：utils 存放js函式庫與數字格式化檔案

##image

3： 設定檔

image

## 相關推薦：

微信小程式簡單介紹

微信小程式清單開發詳解

微信小程式開發入門實例

以上是從零開始開發微信小程式（一）的詳細內容。更多資訊請關注PHP中文網其他相關文章！