首次開發(fā)小程序，一頭霧水？這里就做一個(gè)引導(dǎo)把，讓你快速入手長沙小程序開發(fā)！

一、磨刀不誤砍柴工

正式接觸小程序前，一定要在各大網(wǎng)站多學(xué)習(xí)學(xué)習(xí)相關(guān)的知識(shí)，提前做好知識(shí)儲(chǔ)蓄準(zhǔn)備。

二、快速進(jìn)入開發(fā)模式

所用到的文檔當(dāng)然不需要一點(diǎn)點(diǎn)看，畢竟我們沒有那么多時(shí)間去看，就算看完，根據(jù)記憶曲線也忘得差不多了。所以，步驟如下：

如果js一點(diǎn)都不懂，就看看js基礎(chǔ)語法，如果懂的話，就不需要看了。

官方文檔，大概瀏覽一下就行，知道小程序的框架，有哪些聲明周期，哪些基礎(chǔ)組件和api，以及那些術(shù)語，如自定義組件是什么就行。其他的詳細(xì)的，看設(shè)計(jì)稿的時(shí)候，知道圖片用image，然后再去看詳情。總之，詳細(xì)的怎么用組件，怎么下載文件等，用到什么再去看什么的文檔詳情。

切記下載小程序組件示例源碼，可以幫助你理解，哪個(gè)看不懂文檔，就去看demo代碼，例如組件啦，你用的時(shí)候，按照文檔，出錯(cuò)了，就比較下官方示例。不過官方的css不太規(guī)范，小程序的rpx，官方demo我下載的版本，目前是px。

官方示例代碼運(yùn)行后首頁截圖

css掌握基礎(chǔ)的，flex的用法要會(huì)，其他的遇到不會(huì)的設(shè)計(jì)再去查。

可以去網(wǎng)上下載一個(gè)分享的小程序完整項(xiàng)目，更加直觀的了解小程序框架。

三、開始開發(fā)

新建小程序時(shí)，一定要用空文件夾。也就是當(dāng)前文件夾下沒有其他東西。

如果wxml用不到，就不要放在page的data里， 而是在外邊聲明，當(dāng)然，小程序開發(fā)工具的Audits可以對(duì)小程序的性能進(jìn)行意見提示，當(dāng)然，結(jié)果只是參考。

測試環(huán)境或者此時(shí)還沒有上傳合格域名，則將不校驗(yàn)合法域名這個(gè)選項(xiàng)打開。

如果要上傳合法域名，則在微信公眾平臺(tái)->開發(fā)設(shè)置里進(jìn)行設(shè)置，凡是上傳到這里的域名，就不需要勾不校驗(yàn)合法域名這個(gè)選項(xiàng)了。[ps:服務(wù)器域名需經(jīng)過ICP備案，并且只支持 HTTPS,業(yè)務(wù)域名需要在相應(yīng)域名根目錄放置校驗(yàn)文件，所以不是所有的網(wǎng)址你都可以添加為合法域名的哦。

四、開發(fā)與調(diào)試

開發(fā)工具支持真機(jī)調(diào)試和模擬器進(jìn)行開發(fā)版小程序的調(diào)試，調(diào)試內(nèi)嵌WEBVIEW的話，只要雙擊webview，webview的左上角區(qū)域會(huì)出現(xiàn)一個(gè)調(diào)試按鈕，點(diǎn)擊即可。

對(duì)于體驗(yàn)版小程序，調(diào)試的話，可以點(diǎn)擊右上角三個(gè)點(diǎn)的圖標(biāo)，然后選擇開發(fā)調(diào)試，打開調(diào)試，重啟后就可以看到右下角的vConsole懸浮按鈕，點(diǎn)擊即可，可以查看log和wxml，但是不能查看網(wǎng)絡(luò)請求，希望以后改進(jìn)吧

發(fā)布的話，在開發(fā)工具中點(diǎn)擊上傳，之后打開公眾平臺(tái)的小程序的管理后臺(tái)，選擇“版本管理”，就可以發(fā)布體驗(yàn)版或者提交審核正式進(jìn)行發(fā)布了。

五、代開發(fā)小程序

只有你們是代開發(fā)小程序，才需要用！什么是代開發(fā)小程序？就是一個(gè)模板小程序可以生成多個(gè)其他小程序。

代開發(fā)的小程序業(yè)務(wù)域名，則需要保證微信開放平臺(tái)的第三方平臺(tái)選項(xiàng)下，小程序業(yè)務(wù)域名和代開發(fā)的小程序業(yè)務(wù)域名保持一致

小程序開發(fā)零基礎(chǔ)引導(dǎo)

模板小程序的發(fā)布不太一樣，在開發(fā)工具中點(diǎn)擊上傳后會(huì)上傳到草稿箱模板，在微信開放平臺(tái)通過通知，點(diǎn)擊通知列表的任意通知，進(jìn)入公眾號(hào)第三方平臺(tái)詳情頁，進(jìn)入頁面后在底部可以看到草稿箱，將選擇的模板加入模板庫。模板庫最多50個(gè)，要及時(shí)清理不需要的模板，之后就是調(diào)用接口請求對(duì)代開發(fā)的小程序發(fā)版啦！

六、手機(jī)查看基礎(chǔ)數(shù)據(jù)和性能分析

除了web，手機(jī)也支持查看用戶數(shù)量等哦。首先，搜索“小程序助手”就可以啦，選擇你要看的小程序，選擇數(shù)據(jù)分析的基礎(chǔ)數(shù)據(jù)，就可以看到訪問人數(shù)等數(shù)據(jù)啦。