首先，個(gè)人認(rèn)為拖拽類生成小程序不屬于真正的開發(fā)小程序，使用編程的方式實(shí)現(xiàn)，才屬于真正意義上的開發(fā)。

從0開始入門，當(dāng)然要從最基礎(chǔ)的內(nèi)容開始入手。

先下載一個(gè)“微信開發(fā)者工具”

下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

一、html知識(shí)，微信內(nèi)又名wxml

學(xué)習(xí)html，最好的方式就是動(dòng)手寫一下。直接把實(shí)例復(fù)制到開發(fā)者工具中使用并嘗試調(diào)整參數(shù)。這部分內(nèi)容很容易理解，嘗試一兩次，就可以入門。可以先從view，swiper，text，button入手。這幾個(gè)屬于高頻率使用的元素組件。

參考鏈接：https://developers.weixin.qq.com/miniprogram/dev/component/

二、css

樣式修改，屬于開發(fā)中關(guān)鍵的一步。要實(shí)現(xiàn)絢爛多彩的小程序，必須經(jīng)過樣式的修改。可以先從display,position,font,color,background,border等屬性入手，可以實(shí)現(xiàn)大部分的樣式修改需求。

參考鏈接：https://www.w3school.com.cn/css/index.asp

三、javascript（簡(jiǎn)稱js）

剛?cè)腴T只需要了解最基礎(chǔ)的語法，可以跟著教程一步步走一遍。對(duì)變量，運(yùn)算符，函數(shù)，對(duì)象，事件有一個(gè)基礎(chǔ)的了解。這時(shí)需要注意報(bào)錯(cuò)信息，因?yàn)閯側(cè)腴T的同學(xué)，容易寫錯(cuò)語法。注意

輸入法，一定不可用中文的標(biāo)點(diǎn)符號(hào)，不然就會(huì)造成報(bào)錯(cuò)。理解js的語言特性，什么是事件驅(qū)動(dòng)，什么是單線程異步。

參考鏈接： https://www.w3school.com.cn/js/index.asp

四、小程序特性

主要從微信小程序的官方文檔中學(xué)習(xí)。了解常用的api，比如路由跳轉(zhuǎn)，網(wǎng)絡(luò)請(qǐng)求，數(shù)據(jù)緩存等，還要了解全局的配置，頁(yè)面配置，和小程序的生命周期。理解整個(gè)小程序從初始化到銷毀的整個(gè)過程。

參考鏈接：https://developers.weixin.qq.com/miniprogram/dev/api/

五、后端服務(wù)

個(gè)人建議先從云開發(fā)入手，雖說沒有后端開發(fā)的經(jīng)驗(yàn)，云開發(fā)可能學(xué)起來有點(diǎn)吃力。但總體而言，云開發(fā)會(huì)比常規(guī)的后端開發(fā)要簡(jiǎn)便得多。從微信官方文檔中學(xué)習(xí)：云函數(shù)，數(shù)據(jù)庫(kù)，儲(chǔ)存，和云調(diào)用。放心，這里使用的語言也是js。

云開發(fā)參考地址：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

而且可以配合使用騰訊云的cms后臺(tái)系統(tǒng)https://cloud.tencent.com/document/product/1220/47065，實(shí)現(xiàn)一般的內(nèi)容系統(tǒng)的快速開發(fā)。

到了后期的進(jìn)階，也可以先從nodejs的搭建開始入手學(xué)習(xí)。

感謝您的閱讀，如果文章對(duì)你幫助，請(qǐng)不要吝嗇你的贊贊贊！

若有定制需求或更多小程序開發(fā)干貨： http://www.hijuyiart.com/

如有定制需求可聯(lián)系： 18665003093（微信同號(hào)）