1. 程式人生 > >傻瓜式教程“第一個微信小程式”

傻瓜式教程“第一個微信小程式”

一、下載小程式開發工具
登入“微信公眾平臺”官網,點選小程式中的“開發”
這裡寫圖片描述

點選“工具”
這裡寫圖片描述

點選左下角“下載”
這裡寫圖片描述

根據自己對應的系統下載,我的電腦是windows 64位,所以下載64位
這裡寫圖片描述

自己選擇好要儲存的路徑,這裡我選擇了放在桌面
這裡寫圖片描述

二、下載官方Demo案例
在“簡易教程”中點選“下載原始碼”,彈出的下載視窗選擇好儲存路徑,我把它放在桌面
這裡寫圖片描述

找到下載的Demo,然後解壓
這裡寫圖片描述

然後把這些檔案統一放在一個新建資料夾裡,命名為“quickstart”,後面會用到。
這裡寫圖片描述

三、安裝
找到下載的wechat_web_devtools_0.10.102800_x64.exe安裝程式,雙擊
這裡寫圖片描述

點選“下一步”
這裡寫圖片描述

點選“我接受”
這裡寫圖片描述

選擇好自己要安裝的路徑,點選“安裝”
這裡寫圖片描述

耐心等待安裝
這裡寫圖片描述

點選“完成”,開啟微信web開發者工具
這裡寫圖片描述

用綁定了自己公眾號的微訊號掃描
這裡寫圖片描述

點選“確認登入”
這裡寫圖片描述

只是用於測試的話,點選“本地小程式專案”
這裡寫圖片描述

點選“新增專案”
這裡寫圖片描述

沒有申請到AppID的話,點選“無AppID”,填寫好專案名稱,選擇專案目錄
這裡寫圖片描述

選擇之前官網下載的Demo,把quickstart整個資料夾放進去
這裡寫圖片描述

點選“新增專案”
這裡寫圖片描述

點選“編輯”
這裡寫圖片描述

第一個微信小程式大功告成!!!
這裡寫圖片描述