• <strike id="2k0e4"></strike>
    <ul id="2k0e4"><tbody id="2k0e4"></tbody></ul>
  • <th id="2k0e4"><menu id="2k0e4"></menu></th>
  • 微信小程序開發(fā)工具怎么用,使用流程是什么?

    為了幫助開發(fā)者簡單和高效地開發(fā)和調(diào)試微信小程序,我們?cè)谠械墓娞?hào)網(wǎng)頁調(diào)試工具的基礎(chǔ)上,推出了全新的?微信開發(fā)者工具,集成了公眾號(hào)網(wǎng)頁調(diào)試和小程序調(diào)試兩種開發(fā)模式。

    • 使用公眾號(hào)網(wǎng)頁調(diào)試,開發(fā)者可以調(diào)試微信網(wǎng)頁授權(quán)和微信JS-SDK?詳情
    • 使用小程序調(diào)試,開發(fā)者可以完成小程序的 API 和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。
    微信小程序開發(fā)工具
    微信小程序開發(fā)工具

    微信小程序開發(fā)工具怎么用,使用流程是什么?

    1、下載

    微信平臺(tái)官網(wǎng)上提供了開發(fā)工具的下載,地址:

    下載 · 小程序

    分別提供了 windows64,windows32 和 mac 三個(gè)版本。

    下載后直接安裝即可。

    2、創(chuàng)建小程序項(xiàng)目

    安裝完成后,打開微信 web 開發(fā)者工具。用你的個(gè)人微信掃描二維碼登錄。

    微信小程序開發(fā)工具怎么用,使用流程是什么?

    登錄后選擇“本地小程序項(xiàng)目”。

    進(jìn)入后,可以點(diǎn)擊“+”號(hào)按鈕創(chuàng)建新項(xiàng)目。本地已經(jīng)創(chuàng)建過項(xiàng)目的,這里都會(huì)看到。

    創(chuàng)建項(xiàng)目時(shí),需要填寫在平臺(tái)上申請(qǐng)的小程序 AppID,這個(gè)在之前關(guān)于申請(qǐng)賬號(hào)的文章中已經(jīng)提過。實(shí)在不想麻煩的,就直接選“無 AppID”,代價(jià)是無法在真機(jī)上調(diào)試代碼,但不影響開發(fā)。

    3、開發(fā)界面

    創(chuàng)建好項(xiàng)目之后,即可進(jìn)入開發(fā)環(huán)境進(jìn)行開發(fā)。左邊是導(dǎo)航欄,主要有三個(gè)界面。

    這是開發(fā)的主要場景。左側(cè)是展示效果的模擬器,可直接交互。右側(cè)是編寫代碼的編輯器,包括代碼文件的導(dǎo)航。共有 4 種類型的代碼:

    • js:JavaScript 代碼,主要處理邏輯。
    • wxml:類似于 html,負(fù)責(zé)頁面上控件的展示。
    • wxss:類似于 css 的樣式文件,用來調(diào)整布局,美化界面。
    • json:json 格式的配置文件。

    有過前端開發(fā)經(jīng)驗(yàn)的朋友對(duì)這些應(yīng)該不會(huì)陌生,基本都是一樣的套路。

    修改過代碼后,需要手動(dòng)保存。模擬器中的版本會(huì)在保存后自動(dòng)刷新。

    調(diào)試界面

    如果你使用過 Chrome 的開發(fā)者工具或其他類似的 web 前端調(diào)試工具,那這里就不用再多說了。

    包括了控制臺(tái)調(diào)試、頁面源代碼、網(wǎng)絡(luò)請(qǐng)求、頁面元素等功能,滿足你開發(fā)時(shí)的各類調(diào)試需求。

    項(xiàng)目界面

    這里是項(xiàng)目的基本信息和一些配置。如果你沒有 AppID,或者沒有配置好接口的域名(微信小程序要求后臺(tái)接口必須是 https 協(xié)議),但又要加網(wǎng)絡(luò)請(qǐng)求的功能,請(qǐng)務(wù)必把“開發(fā)環(huán)境不校驗(yàn)請(qǐng)求域名以及 TLS 版本”給勾選上,否則無法成功發(fā)出請(qǐng)求。

    4、demo

    如果在創(chuàng)建新項(xiàng)目時(shí),選上了“在當(dāng)前目錄中創(chuàng)建 quick start 項(xiàng)目”,你可以看到一個(gè)簡單的“hello world”小程序。它可以幫你了解微信小程序的基本代碼結(jié)構(gòu)。

    當(dāng)然這還不足以讓你了解小程序的各種功能。官網(wǎng)上還提供了“小程序示例”的源碼下載,你可以從代碼中詳細(xì)了解小程序各種控件的基本用法。微信公眾號(hào)(碼不理)中回復(fù)?資源?可直接獲取下載地址。

    工欲善其事,必先利其器。了解使用開發(fā)工具是開發(fā)微信小程序的第一步。之后我們將針對(duì)文檔和源碼,由淺入深,逐步做更詳細(xì)的分析。

    關(guān)于我們:

    Infocode藍(lán)暢信息技術(shù)有限公司成功為多家世界財(cái)富500強(qiáng)企業(yè)以及其他著名品牌提供優(yōu)質(zhì)服務(wù),是您靠譜的互聯(lián)網(wǎng)開發(fā)供應(yīng)商。

    服務(wù)客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區(qū) ? ?為您提供:微信開發(fā)H5開發(fā),小程序制作,H5外包,H5商城開發(fā),小程序商城開發(fā),網(wǎng)站開發(fā)外包,H5游戲開發(fā),小程序開發(fā)外包,小程序設(shè)計(jì)、APP開發(fā)外包,UI設(shè)計(jì),SEO優(yōu)化,SEO外包,視頻后期制作等優(yōu)質(zhì)服務(wù)

    小程序制作



    請(qǐng)輸入姓名或昵稱
    如果您有任何疑問、需要更多信息或希望與我們建立合作請(qǐng)留言
    =

    本文來自,經(jīng)授權(quán)后發(fā)布,本文觀點(diǎn)不代表Infocode藍(lán)暢信息技術(shù)立場,轉(zhuǎn)載請(qǐng)聯(lián)系原作者。

    (1)
    Infocode藍(lán)暢Infocode藍(lán)暢
    上一篇 2022年1月10日 下午11:38
    下一篇 2022年1月11日 下午1:52

    相關(guān)文章內(nèi)容推薦

    主站蜘蛛池模板: 免费A级毛片无码A∨免费| 免费无码精品黄AV电影| 狠狠躁天天躁无码中文字幕| AV无码久久久久不卡蜜桃| 无码一区二区三区免费视频| 一本一道AV无码中文字幕| 天堂Av无码Av一区二区三区| 中文字幕人妻三级中文无码视频| 日日摸日日碰夜夜爽无码| 成人无码区免费A∨直播| 亚洲AV无码资源在线观看| 久久老子午夜精品无码怎么打| 精品无码久久久久久久久| 少妇人妻无码精品视频| 黄A无码片内射无码视频| 精品久久久久久中文字幕无码 | 亚洲Av永久无码精品黑人| 中文字幕无码日韩专区免费| 国产午夜无码视频免费网站| 97免费人妻无码视频| 无码人妻一区二区三区在线视频| 日韩人妻无码精品专区| 无码激情做a爰片毛片AV片| 日韩av片无码一区二区不卡电影 | 无码日韩人妻av一区免费| 久久久久亚洲AV无码专区首JN | 精品无码一区二区三区爱欲| 日韩精品无码一区二区视频| 亚洲av麻豆aⅴ无码电影| 精品久久久久久中文字幕无码| av无码免费一区二区三区| 91久久精品无码一区二区毛片| 久久亚洲AV成人出白浆无码国产| 亚洲国产精品成人精品无码区在线 | 无码国产精品一区二区免费I6| 亚洲av无码一区二区三区在线播放| 无码人妻精品一区二区三区99仓本 | 精品久久久久久久无码| 无码乱码av天堂一区二区| 久久午夜福利无码1000合集| 亚洲爆乳少妇无码激情|