小程式已經快兩歲的,我才入坑,剛剛入坑那會我使勁和我朋友抱怨,太難了,學不動,不想學,不學了。硬著頭皮死磕一遍文件,然後覺得也沒有我想象中那麼難。或許是因為語言的相通性,或許是因為它的語法和 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
建立專案
準備工作都已經齊全了,現在我們可以建立自己的小專案玩了,我建議在玩專案之前還是先讀一遍 官方文件,
- 專案配置檔案
- 專案構成
好了你已經入門小程式,並且學會了如何建立屬於你自己的小程式了,接下來好好看看文件,學習學習他們的語法,你就可以上手專案了;
續更語法,文字版小專案。手把手教你入門小程式 專案介紹案例地址
一起學習交流