小程序開發(fā)現(xiàn)在已經(jīng)有多種模式了,有使用uniapp開發(fā)的,使用微信開發(fā)者工具開發(fā)的,還有低代碼工具也支持開發(fā)小程序的。
在眾多開發(fā)模式中,使用官方開發(fā)者工具開發(fā)也是一種形式。本篇我們就介紹一下如何用微信開發(fā)者工具搭建小程序的開發(fā)環(huán)境。
1 下載工具
官方提供的開發(fā)者工具可以通過官方的開發(fā)文檔下載,下載地址
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
一般選擇穩(wěn)定版安裝即可,我們這里選擇windows 64位的安裝包
2 安裝工具
下載完畢后,雙擊安裝包進(jìn)入安裝界面
接受協(xié)議
選擇安裝路徑,默認(rèn)安裝在C盤,我們也可以自己選擇一個(gè)文件夾進(jìn)行安裝
3 工具啟動(dòng)
開發(fā)工具第一次啟動(dòng)的時(shí)候需要掃碼登錄一下
掃碼成功后會(huì)出現(xiàn)項(xiàng)目的選擇界面
點(diǎn)擊+號(hào)我們創(chuàng)建一個(gè)新項(xiàng)目
需要自己起一個(gè)項(xiàng)目名稱,目錄的話可以選擇自己項(xiàng)目的目錄,appid需要使用你小程序的id,開發(fā)模式我們使用默認(rèn)的小程序,后端服務(wù)的話,就根據(jù)你自己的需要選擇
目前小程序有兩種開發(fā)模式,一種是使用云開發(fā),另外一種是不使用云服務(wù)。云開發(fā)的好處是免去你自己搭建后端服務(wù)器的煩惱,缺點(diǎn)是比較費(fèi)錢,他的資費(fèi)是兩部分,一個(gè)是固定額度的套餐,再一個(gè)使用的時(shí)候是按量付費(fèi)
比如你的小程序如果有大量的圖片、視頻類資源的,一個(gè)是比較占存儲(chǔ)空間,另外是訪問的時(shí)候費(fèi)流量
如果C端用戶不太多,建議考慮自己搭建后端服務(wù),基本上購(gòu)買一臺(tái)輕量級(jí)服務(wù)器就能搞定
我們這個(gè)系列的入門文章就不準(zhǔn)備采用云開發(fā)的模式了,準(zhǔn)備自己搭建后端,這樣用起來也不受限制,在開發(fā)的時(shí)候不需要交錢,上線時(shí)候選一個(gè)性價(jià)比比較高的云廠商即可。
模板的話,我建議選擇第二個(gè)模板,TDesign的話他是一整套,既有小程序的前端框架,又有PC端的框架,這樣我們?cè)谇岸丝蚣苓x擇上就保持了統(tǒng)一。
以下是我自己設(shè)置好的目錄結(jié)構(gòu)
點(diǎn)擊確定就可以看到我們的工程界面
4 TDesign電商模板賞析
電商模板功能還是蠻強(qiáng)的,一啟動(dòng)會(huì)顯示首頁(yè)
點(diǎn)擊搜索框會(huì)進(jìn)入到搜索頁(yè)
點(diǎn)擊輪播圖會(huì)進(jìn)入到活動(dòng)頁(yè)
購(gòu)物車的內(nèi)容也很豐富
分類頁(yè)面可以通過側(cè)邊欄導(dǎo)航進(jìn)行切換
個(gè)人中心頁(yè)面已經(jīng)是一個(gè)可用的狀態(tài)
綜合評(píng)估,TDesign的電商模板已經(jīng)涵蓋了一套電商小程序的大部分功能,只是目前他還只是一個(gè)前端的功能,需要我們自己搭建后端。文章來源:http://www.zghlxwxcb.cn/news/detail-681022.html
總結(jié)
本篇是我們的入門的第一篇,主要是講解了開發(fā)工具的安裝,如何使用提供的模板快速的搭建項(xiàng)目的腳手架,其實(shí)按照目前的狀態(tài),開發(fā)小程序也不見得是從零起點(diǎn)開始了,如果覺得有用,點(diǎn)個(gè)贊吧。文章來源地址http://www.zghlxwxcb.cn/news/detail-681022.html
到了這里,關(guān)于微信小程序入門01-工具的下載安裝及模板的安裝的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!