微信小程序開發之入門篇(熟悉開發工具)


個人的每一篇博文都談不上有什么技術含量,只是為了幫助不熟悉微信小程序開發的自己及他人提供一下思路。謝謝,下面開始!

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

 

具體更多的詳細內容就需要大家自己去了解了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM