個人的每一篇博文都談不上有什么技術含量,只是為了幫助不熟悉微信小程序開發的自己及他人提供一下思路。謝謝,下面開始!
PS: 因為本人沒有小程序的內測資格,所以所有的開發及Demo都是無AppId的,如果哪位同學可以分享AppId,那感激不盡!
第一步 (下載開發工具)
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476197489869
在這里請注意,下載下來這個程序和以前的“微信web開發者工具”是同名同目錄的,也就是說,如果你正在使用以前的“微信web開發者工具”的話你就需要將該程序的安裝目錄修改成別的名字,以免覆蓋
第二步(創建第一個程序)
打開剛才安裝的開發工具,然后按照下圖流程操作
填寫項目名稱及選擇項目目錄后點擊添加項目即可
第三步(認識開發工具布局)
整個開發工具基本分為三塊。
第一列:table-item 每個按鈕代表一個頁
第二列:webview 你的頁面在這里實時展示
第三列:chrome調試工具,暫且這樣叫吧,因為確實是使用了charome的調試工具, 在這里可以調試頁面的樣式,js,網絡檢測,輸入輸出等等。
具體更多的詳細內容就需要大家自己去了解了