小程式已經快兩歲的,我才入坑,剛剛入坑那會我使勁和我朋友抱怨,太難了,學不動,不想學,不學了。硬著頭皮死磕一遍文件,然後覺得也沒有我想象中那麼難。或許是因為語言的相通性,或許是因為它的語法和 vue
有異曲同工之妙,目前市場上流行的三大款架,我就只會vue
。在小程式的開發中,只要我們時時刻刻遵守微信給我們劃定的一些框架和規範,適應小程式最需要完成一個開發理念上的大轉變,從操作 DOM
轉變為運算元據,專案元件化、模板化,需要使用的元件直接呼叫
朋友手把手圖文教我入門,入門小白,有朋友的支援,不會輕易說放棄,怕被嫌棄。
死磕官方文件的時候發現,文件就是最好的資料,如何一步一步學習,每一個知識點都有對應的 demo
,輕輕鬆鬆入門
建立賬號
- 註冊
點選 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根據指引填寫資訊和提交相應的資料,就可以擁有自己的小程式帳號
![入門微信小程式 (一)](https://i.iter01.com/images/b92ddfce66335ff1b6b0caa763550a266dad7dbf3f2df04d5bc3deab52d98b4c.png)
- 獲取
AppID
(小程式ID
),建立專案
![入門微信小程式 (一)](https://i.iter01.com/images/3e00f2989da431cdb4c9e7f4fc38aedd7aa398e8dd9e406b1cff9461e6134e4a.png)
![入門微信小程式 (一)](https://i.iter01.com/images/6f81592bb4b84fe8e190edea4677cd2f78eb2588238e031de794c74cfba687ce.png)
- 下載編譯器
如果你習慣用 vscode
開發,是沒有問題的,運用微信編輯器實時預覽就好了。初學者建議使用自帶編輯器。(例如 mpvue
框架,在 vscode
編寫,執行 npm run dev
然後在微信編譯器裡面匯入 dist
檔案,就可以實時預覽,vscode
編寫,微信編輯器檢視)
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018712
建立專案
準備工作都已經齊全了,現在我們可以建立自己的小專案玩了,我建議在玩專案之前還是先讀一遍 官方文件,
- 專案配置檔案
![入門微信小程式 (一)](https://i.iter01.com/images/d4df6c5f15d32aad10d1a1980517b4dac89bb2ea04b6d56812e17d65e577b95c.png)
- 專案構成
![入門微信小程式 (一)](https://i.iter01.com/images/92413f6eece846a6565321cd84dbf6b55346bc4b742cf898d6a45eefd48fe553.png)
![入門微信小程式 (一)](https://i.iter01.com/images/0b428b0aeebfa67826b15bfe86e5be93f3e84889595c714ed374e5d70e66646e.png)
好了你已經入門小程式,並且學會了如何建立屬於你自己的小程式了,接下來好好看看文件,學習學習他們的語法,你就可以上手專案了;
續更語法,文字版小專案。手把手教你入門小程式 專案介紹案例地址
一起學習交流
![入門微信小程式 (一)](https://i.iter01.com/images/8427e224d544cf2a1dcae1db6680087c53142b7afd79082c406fa438dd0d74a2.jpg)