最近微信小游戲《羊了個羊》非常火，這款游戲相當于消消樂的另一種玩法。

小游戲是微信小程序中的一種分類，如果要做一款微信小游戲，就是在微信小程序中開發(fā)。

一個微信小程序是如何開發(fā)的呢？很多人尤其程序員會對這個問題感興趣，本文將介紹如何快速注冊和開始一個小程序的開發(fā)，并用簡單的代碼完成一次微信小程序開發(fā)初體驗。

注冊微信小程序

1.登錄微信公眾平臺首頁：https://mp.weixin.qq.com/，點擊右上角的。

4.登錄到注冊用的郵箱，會收到一封微信公眾平臺發(fā)送的郵件，打開郵件，點擊郵件中的鏈接激活小程序。

5.選擇對應(yīng)的和。如果是個人開發(fā)用，主體只能選擇個人。選擇好后，會出現(xiàn)身份認證和短信認證的頁面，依次按要求完成認證。最后點擊按鈕即可完成小程序注冊。

登錄小程序

1.注冊完成后，重新進入微信公眾平臺首頁https://mp.weixin.qq.com/，用管理員微信掃碼登錄或輸入用戶名登陸。

2.登錄成功后，在左側(cè)菜單中找到并點擊，然后在中找到自己的AppID，這個AppID在創(chuàng)建小程序項目時要用到。

下載安裝開發(fā)者工具

1.在小程序左側(cè)的菜單欄找到并點擊，選擇，點擊按鈕。

3.下載完成后，雙擊打開開發(fā)者工具安裝文件。第一個頁面直接點擊。

5.選擇自己想要安裝的磁盤位置，然后點擊按鈕開始安裝開發(fā)者工具。

6.等待安裝進度條完成。

7.進度條完成后，點擊按鈕，開發(fā)者工具就安裝完成了。

小程序開發(fā)初體驗

小程序注冊好了，開發(fā)者工具也安裝完成了，下面就開始開發(fā)一個非常簡單的Demo，體驗微信小程序的開發(fā)過程。

1.打開開發(fā)者工具后，點擊小程序的“+”號創(chuàng)建一個新的小程序項目。

2.給小程序起一個項目名，選擇項目存放的磁盤位置，填入AppID(登錄后可以獲取，看前面步驟)，選擇不使用云服務(wù)，模板選擇JavaScript模板。填寫完成后點擊按鈕進入開發(fā)頁面。

3.在開發(fā)頁面，默認打開了、和。模擬器是小程序的效果模擬，這個地方可以看到小程序的效果。我們可以在編輯器中開發(fā)小程序的代碼，在調(diào)試器中進行調(diào)試。

4.先給自己的小程序改名字，在編輯器中打開aap.json文件，將navigationBarTitleText改成自己需要的名字，然后點擊上方的按鈕，即可在模擬器中看到修改效果。

aap.json：

\"window\":{    \"backgroundTextStyle\":\"light\",    \"navigationBarBackgroundColor\": \"#fff\",    \"navigationBarTitleText\": \"LPL2022\",    \"navigationBarTextStyle\":\"black\"  },123456

5.在項目目錄下創(chuàng)建一個images目錄，將提前準備好的圖片放到目錄中。（本文Demo用的圖片來源于LPL2022出征世界賽戰(zhàn)隊的官方微博）

如果圖片很大（超過2M）需要先用如下方法將圖片改小。先用Windows系統(tǒng)自帶的畫圖軟件打開圖片。

然后點擊重新調(diào)整大小，點擊像素，將像素值改小。再點擊確定，最后保存圖片。

6.接下來編寫小程序的運行代碼，打開pages/index中的index.js和index.wxml文件，分別編寫如下代碼。

index.js：

// index.js// 獲取應(yīng)用實例const app = getApp()Page({  data:{    randomNum:Math.floor(Math.random()*4+1),    imgSrc1: \"/images/01JDG.jpg\",    imgSrc2: \"/images/02TES.jpg\",    imgSrc3: \"/images/03EDG.jpg\",    imgSrc4: \"/images/04RNG.jpg\"  },  goTo:function(){    var randomNum=Math.floor(Math.random()*4+1)    while(randomNum==this.data.randomNum){      var randomNum=Math.floor(Math.random()*4+1)    }    this.setData({      randomNum: randomNum    })  }})12345678910111213141516171819202122

index.wxml:

          出 征12345678

代碼寫完后，點擊上方的按鈕，我們的Demo小程序就開發(fā)完成了。

7.在左側(cè)的模擬器中測試效果。