原創文章，轉載請註明：轉載自技術哥

技術哥

給你不一樣的世界

技術哥已經在上兩期向大傢俱體介紹過微信小程式了，有的朋友已經蠢蠢欲動想自己動手開始了吧。那這次技術哥先手把手帶大家開發第一個屬於自己的微信小程式。

一、註冊微信小程式個人賬號

1.首先是先在微信公眾平臺上註冊並拿到屬於自己的AppID，然後進入微信公眾平臺：

2.選擇小程式：

3.在相應的位置填入對應的資訊，填寫完整後點擊“繼續”：

每個賬號僅可申請一個小程式

填入的郵箱將成為微信公眾平臺登入小程式時候的賬號，所填的密碼可設新密碼，與郵箱賬號相獨立。

4.開始郵箱啟用步驟：登陸郵箱，在收件箱中找到題為：“請啟用你的微信小程式”的郵件並開啟，點選郵件中的連結即可啟用賬號：

5.點選連結後，將會跳轉回微信公眾平臺，顯示如下介面，則郵箱啟用成功。然後開始填寫資訊登記：

一般我們選擇為個人開發者即可進行基本開發，如有其他需要可再查詢其他型別開發者後進行選擇；

6.填寫完基本資訊後驗證管理員身份，顯示如下介面，表示註冊成功

7.跳轉微信公眾平臺/小程式的首頁，完善自己的個人資訊，註冊就完成了

二、下載微信小程式開發工具：

註冊好賬號之後就可以在開發者工具中進行自己的小程式開發和除錯了。

1.那我們回到微信公眾平臺首頁，點選小程式，找到開發者工具

2.進入開發者工具後，跳轉到如下介面：

3.在左邊選單中找到“下載”，根據自己的系統選擇所需要的版本，點選開始下載：

4.下載安裝後，點選圖示，用註冊時的管理員微信賬號掃碼登陸

（下文以Mac版本為例，Windows版本相差不多，功能相同）

5.進入開發者工具模式選擇，點選“小程式專案”

6.進入微信小程式，點選右下角的加號建立新專案：

7.開始建立專案：

（1）專案目錄建立需選擇專案應存放的目錄。當選擇空目錄時，可以選擇是否在該目錄下生成一個簡單的專案。

（2）AppID獲得方式：

回到微信公眾平臺/小程式的首頁，在左側選單最下方，找到“設定”-“開發設定”，出現下面介面，將AppID複製到輸入框中：

（3）輸入專案名稱，中英文皆可；

（4）在“建立普通快速啟動模板”處的勾上；

（5）點選“確認”；

8.點選“確認”後，出現下面介面，則並表示專案建立成功：

9.點選上欄的“預覽”，用微信掃一掃：

10.掃碼後，將會跳到我們的第一個微信小程式，我們的第一個微信小程式就這樣完成啦：

下一期的微信小程式教程會開始教大家熟悉程式碼並走上敲程式碼的道路，敬請期待哦。大家如果覺得意猶未盡，大可以翻閱微信小程式的文件進行自主學習，創造更多的可能。

留給大家個小問題，如果需要修改上圖中的“Hello World”變為其他文字，可以怎麼做呢？答案下期揭曉；）

往期回顧

微信搜尋“技術哥”，關注“技術哥”的微信公眾號檢視更多技術文章。