国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序入門01-工具的下載安裝及模板的安裝

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序入門01-工具的下載安裝及模板的安裝。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

小程序開發(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è)前端的功能,需要我們自己搭建后端。

總結(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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序--》小程序簡(jiǎn)介與工具安裝配置

    微信小程序--》小程序簡(jiǎn)介與工具安裝配置

    ???作者簡(jiǎn)介:大家好,我是亦世凡華、渴望知識(shí)儲(chǔ)備自己的一名在校大學(xué)生 ??個(gè)人主頁(yè):亦世凡華、 ??系列專欄:微信小程序 ??座右銘:人生亦可燃燒,亦可腐敗,我愿燃燒,耗盡所有光芒。 ??引言 ??? ?經(jīng)過web前端開發(fā)的學(xué)習(xí),相信大家對(duì)于前端開發(fā)有了一定深

    2024年02月09日
    瀏覽(14)
  • 微信小程序開發(fā)者工具基礎(chǔ)庫(kù)下載調(diào)試基礎(chǔ)庫(kù)失敗的解決辦法,填坑DNS問題。

    微信小程序開發(fā)者工具基礎(chǔ)庫(kù)下載調(diào)試基礎(chǔ)庫(kù)失敗的解決辦法,填坑DNS問題。

    如下圖: 站長(zhǎng)工具查Ip的地址是:http://tool.zhiduopc.com/ip 查詢結(jié)果如下圖: 結(jié)論:res.servicewechat.com這個(gè)域名對(duì)應(yīng)的ip是:125.77.176.247 首先打開文件hosts。路徑通常為:C:WindowsSystem32driversetc 截圖如下: 如果有C:WindowsSystem32driversetc路徑但里面沒有hosts文件,則新建一個(gè)。不會(huì)

    2024年02月06日
    瀏覽(276)
  • 【微信小程序】微信開發(fā)者工具安裝less插件

    【微信小程序】微信開發(fā)者工具安裝less插件

    微信小程序:本文主要是關(guān)于如何在微信開發(fā)者工具中安裝less插件 不知道大家有沒有像我一樣習(xí)慣在vscode里面用慣了less,當(dāng)需要用微信開發(fā)者工具開發(fā)小程序時(shí),如果沒有這個(gè)會(huì)有些不習(xí)慣,下面就簡(jiǎn)單介紹一下,如何在微信開發(fā)者工具中安裝less插件。 less:是一個(gè)CSS預(yù)處

    2024年02月04日
    瀏覽(100)
  • 微信小程序:微信開發(fā)者工具安裝less插件

    微信小程序:微信開發(fā)者工具安裝less插件

    微信小程序:本文主要是關(guān)于如何在微信開發(fā)者工具中安裝less插件 不知道大家有沒有像我一樣習(xí)慣在vscode里面用慣了less,當(dāng)需要用微信開發(fā)者工具開發(fā)小程序時(shí),如果沒有這個(gè)會(huì)有些不習(xí)慣,下面就簡(jiǎn)單介紹一下,如何在微信開發(fā)者工具中安裝less插件。 less:是一個(gè)CSS預(yù)處

    2024年02月14日
    瀏覽(446)
  • 微信小程序開發(fā)工具介紹及安裝(中)

    微信小程序開發(fā)工具的安裝方法相對(duì)簡(jiǎn)單,并且適用于多個(gè)操作系統(tǒng)平臺(tái)。以下是關(guān)于Windows、macOS和Linux三個(gè)平臺(tái)上安裝微信小程序開發(fā)工具的步驟和注意事項(xiàng)的詳細(xì)介紹。 一、Windows平臺(tái)安裝方法: 訪問微信小程序官方網(wǎng)站,在開發(fā)者工具頁(yè)面上下載適用于Windows平臺(tái)的安裝

    2024年02月07日
    瀏覽(103)
  • 微信小程序開發(fā)工具介紹及安裝(上)

    本章主要介紹 微信小程序開發(fā)工具的介紹 小程序開發(fā)工具的安裝方法 開發(fā)工具的基本功能介紹 微信小程序開發(fā)工具是一款由微信官方提供的集成開發(fā)環(huán)境(IDE),旨在幫助開發(fā)者更便捷地創(chuàng)建、調(diào)試和發(fā)布微信小程序。該開發(fā)工具具備豐富的功能和工具集,可以極大地提高

    2024年02月06日
    瀏覽(95)
  • 微信小程序開發(fā)工具介紹及安裝(下)

    微信小程序開發(fā)工具是一款強(qiáng)大的集成開發(fā)環(huán)境(IDE),旨在幫助開發(fā)者更便捷地創(chuàng)建、調(diào)試和發(fā)布微信小程序。它提供了豐富的功能和工具集,下面將對(duì)微信小程序開發(fā)工具的基本功能進(jìn)行詳細(xì)介紹: 一、項(xiàng)目管理功能: 新建項(xiàng)目:微信小程序開發(fā)工具提供了創(chuàng)建新項(xiàng)目

    2024年02月06日
    瀏覽(88)
  • 【微信小程序】--注冊(cè)小程序賬號(hào)&安裝開發(fā)者工具(一)

    【微信小程序】--注冊(cè)小程序賬號(hào)&安裝開發(fā)者工具(一)

    ?? 所屬專欄:【微信小程序開發(fā)教程】 ?? 作??者:我是夜闌的狗?? ?? 個(gè)人簡(jiǎn)介:一個(gè)正在努力學(xué)技術(shù)的CV工程師,專注基礎(chǔ)和實(shí)戰(zhàn)分享 ,歡迎咨詢! ?? 歡迎大家:這里是CSDN,我總結(jié)知識(shí)的地方,喜歡的話請(qǐng)三連,有問題請(qǐng)私信 ?? ?? ?? ??大家好,又見面了,

    2024年01月17日
    瀏覽(94)
  • 【微信小程序模板直接套用】微信小程序制作模板套用平臺(tái)

    【微信小程序模板直接套用】微信小程序制作模板套用平臺(tái)

    微信小程序模板直接套用是小程序制作的好工具,特別是對(duì)于沒有太多代碼基礎(chǔ)的企業(yè)。下面我分享一個(gè)微信小程序模板直接套用平臺(tái),超60個(gè)行業(yè)的微信小程序制作模板套用,頁(yè)面內(nèi)容豐富樣式多樣的微信小程序制作模板套用。 微信小程序模板直接套用平臺(tái)的存在,就是為

    2024年02月09日
    瀏覽(20)
  • 創(chuàng)建一個(gè)微信小程序——如何注冊(cè)賬號(hào),安裝微信開發(fā)者工具,創(chuàng)建一個(gè)小程序(詳細(xì)步驟版)

    創(chuàng)建一個(gè)微信小程序——如何注冊(cè)賬號(hào),安裝微信開發(fā)者工具,創(chuàng)建一個(gè)小程序(詳細(xì)步驟版)

    注冊(cè)地址 注冊(cè)地址:微信公眾平臺(tái) 注冊(cè) 右上角——【立即注冊(cè)】。 選擇【小程序】。 按照步驟完成注冊(cè)。 按照步驟激活郵箱后,在信息登記這里選擇個(gè)人。 填寫相關(guān)信息。 完成注冊(cè)。 這一步可以先保留,后續(xù)在創(chuàng)建小程序時(shí)會(huì)用到AppID——點(diǎn)擊【前往小程序】,復(fù)制A

    2024年02月06日
    瀏覽(166)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包