微信小程序開發之入門篇（熟悉開發工具）

我的的每一篇博文都談不上有什麼技術含量，只是爲了幫助不熟悉微信小程序開發的本身及他人提供一下思路。謝謝，下面開始！

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，網絡檢測，輸入輸出等等。

 

具體更多的詳細內容就須要你們本身去了解了