入門微信小程式 (一)

sunseekers發表於2018-08-01

一段視訊看小程式發展

小程式已經快兩歲的,我才入坑,剛剛入坑那會我使勁和我朋友抱怨,太難了,學不動,不想學,不學了。硬著頭皮死磕一遍文件,然後覺得也沒有我想象中那麼難。或許是因為語言的相通性,或許是因為它的語法和 vue 有異曲同工之妙,目前市場上流行的三大款架,我就只會vue 。在小程式的開發中,只要我們時時刻刻遵守微信給我們劃定的一些框架和規範,適應小程式最需要完成一個開發理念上的大轉變,從操作 DOM 轉變為運算元據,專案元件化、模板化,需要使用的元件直接呼叫

朋友手把手圖文教我入門,入門小白,有朋友的支援,不會輕易說放棄,怕被嫌棄。

死磕官方文件的時候發現,文件就是最好的資料,如何一步一步學習,每一個知識點都有對應的 demo ,輕輕鬆鬆入門

建立賬號

  • 註冊

點選 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根據指引填寫資訊和提交相應的資料,就可以擁有自己的小程式帳號

入門微信小程式 (一)

  • 獲取 AppID(小程式 ID ),建立專案

入門微信小程式 (一)

入門微信小程式 (一)

  • 下載編譯器

如果你習慣用 vscode 開發,是沒有問題的,運用微信編輯器實時預覽就好了。初學者建議使用自帶編輯器。(例如 mpvue 框架,在 vscode 編寫,執行 npm run dev 然後在微信編譯器裡面匯入 dist 檔案,就可以實時預覽,vscode 編寫,微信編輯器檢視) https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018712

建立專案

準備工作都已經齊全了,現在我們可以建立自己的小專案玩了,我建議在玩專案之前還是先讀一遍 官方文件

  • 專案配置檔案

入門微信小程式 (一)

  • 專案構成

入門微信小程式 (一)

入門微信小程式 (一)

好了你已經入門小程式,並且學會了如何建立屬於你自己的小程式了,接下來好好看看文件,學習學習他們的語法,你就可以上手專案了;

續更語法,文字版小專案。手把手教你入門小程式 專案介紹案例地址

學習資料參考

一起學習交流

入門微信小程式 (一)

相關文章