1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台（mp.weixin.qq.com），找到右下方的小程序模塊，點擊「開發」按鈕；
2、點擊頂部導航欄的「工具」按鈕，在新頁面的左側欄中找到「下載」。可以看到，開發工具提供 Windows 32 位、Windows 64 位和 Mac 三個版本。可根據實際情況，選擇適合自己電腦的開發工具。
3、安裝後，就可以直接啟動開發者工具。如果是首次啟動開發者工具，需要使用開發者的微信號掃碼登錄。登陸後，點擊「添加項目」按鈕，填寫 AppID（如果沒有，則點擊無 AppID）和項目名稱。接著，在項目目錄中點擊「選擇」，新建一個文件夾作為新的項目目錄。然後再次點擊「添加項目」，就可以新建出一個微信小程序項目了。
4、微信開發者工具共分成「編輯」、「調試」和「項目」三個部分。
編輯：編輯和修改小程序的代碼。
調試：顯示小程序代碼錯誤和警告，便於調試代碼錯誤。
項目：用於查看小程序的屬性、修改小程序配置，以及提交小程序代碼至微信伺服器。
5、懂技術的程序員到這一步就可以自己開發了。而不懂編程的小白，可以登錄微信小程序製作平台「即速應用」官方網站www.jisuapp.cn進行小程序的製作。裡面有大量的小程序模板，根據自己的需求選擇一個模板進行製作即可。
開發工具還提供簡單的模擬器（頁面左側），開發者可以使用模擬器在電腦上模擬用戶點擊及使用，提供後台情況模擬、多媒體播放器調試、緩存數據處理等功能
6、製作完成後，點擊「生成」按鈕。然後選擇「小程序打包」，下載小程序的標准代碼包。
7、回到在微信Web開發工具中，在「項目目錄」這一欄選擇下載好的代碼包，打開後就可以看到小程序的預覽效果了。
8、在「項目」頁面中，開發者可以查看小程序的基本屬性，也可以進行真機預覽調試，或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後，管理員就可以通過公眾平台，將新版本提交審核了。
❷ 微信小程序出現編譯.wxml文件錯誤，錯誤信息...
相信出這個錯誤的時候，很多朋友都是摸不著頭腦，其實這個是微信小程序開發工具的bug。
當我們右鍵創建一個目錄並創建頁面時，開發工具會自動幫我們在app.json文件中pages下創建一個路徑配置
如下圖：
然後這個時候我們編譯，小程序開發工具會給我報出如下錯誤：
出現這個問題的原因在於第一張圖中自動生成的路徑多了一個「/」，也就是「/pages/home/home」多了一個「/」，我們只需要將「/」去掉即可。
❸ 微信小程序開發工具導入本地項目後，編譯一直提示網路異常，請檢查網路，這是怎麼回事呀
在使用微信小程序開發工具時，提醒我有版本更新，然後我就更新了，再然後··回·答···再然後就打不開了，剛開始顯示未知錯誤，在網上找了很多辦法都沒有解決，於是卸載重新安裝，重裝也不行，如果不是因為電腦上有好多應用再重裝太麻煩，我就重裝系統了（~~~~~~）
重裝了幾遍之後，問題又成了網路連接失敗，終於在一遍重裝時發現安裝提示，在安裝過程中應該將其他程序關閉，於是重啟了電腦，保證所有的程序都沒有啟動，然後重新安裝，此次安裝就成功了，可以正常運行