微信小程序開發系列二：微信小程序的視圖設計

我最近也剛剛開始微信小程序的開發，想把我自學的一些心得寫出來分享給你們。

這是第一篇，從零開始學習微信小程序開發。主要是小程序的註冊和開發環境的搭建。

首先咱們要在下列網址申請一個屬於本身的微信小程序：

https://mp.weixin.qq.com/cgi-...

點擊按鈕「前往註冊」。注意咱們須要使用一個沒有註冊過微信小程序或者微信公衆號的郵箱。我用的是網易郵箱。註冊以後，郵箱會收到一封激活郵件。

激活以後，就能夠進入小程序主體信息登記頁面了。這裏須要使用身份證號碼和手機驗證碼進行登記。

登記完畢以後，就能夠進入微信開發者工具了。我選擇的是小程序項目：

這是我註冊的用於學習目的的微信小程序：

在開發管理->開發設計菜單裏，找到咱們剛纔註冊的微信小程序的ID：抄下來，後面要用。

接下來，在下面這個連接去下載微信開發者工具：

https://developers.weixin.qq....

你們能夠把它當成是一個集成開發環境（IDE）。

安裝完畢後啓動微信開發者工具，會要求咱們指定一個本地項目目錄和填寫微信小程序的AppID。這個ID咱們前一步已經抄下來了。

直接填進去，勾上「創建普通快速啓動模板」，而後微信開發者工具會自動幫咱們建立一個Hello World版本的微信小程序資源文件出來。

自動建立好的小程序以下圖所示，就是一個Hello World的文本。

咱們點擊「上傳"按鈕：

隨便維護一個版本號，好比1.0.0, 而後點擊」上傳「。

而後回到小程序管理後臺，能看到咱們上面經過微信開發者工具上傳的1.0.0版本的小程序了。咱們點擊」提交審覈「右邊的下拉菜單，選擇」選爲體驗版本「：

會生成一個體驗版的二維碼，這時發送給你的朋友，就能夠使用這個小程序了。

當您的朋友在手機上掃描該二維碼，會看到以下界面：該小程序標註了"體驗版"的提示：

點擊"前往體驗版", 就能看到微信開發者工具自動生成的Hello World小程序了。

這個系列的下一篇文章，我會把我分析微信開發者工具自動生成的這些資源文件的心得分享給你們。

要獲取更多Jerry的原創技術文章，請關注公衆號"汪子熙"或者掃描下面二維碼: