• <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)容推薦

    主站蜘蛛池模板: 久热中文字幕无码视频| 国产精品无码免费播放| 国产V亚洲V天堂无码久久久 | 亚洲人成影院在线无码观看| 国产成人无码精品久久久小说| 国产精品无码不卡一区二区三区 | 人妻少妇伦在线无码专区视频| 99久久国产热无码精品免费| 国产精品热久久无码av| 国产精品亚洲专区无码唯爱网| 无码午夜人妻一区二区三区不卡视频| 亚洲AV色无码乱码在线观看| 无码人妻精品一区二区三区99仓本| 无码国产亚洲日韩国精品视频一区二区三区 | 无码乱码观看精品久久| 亚洲中文无码永久免| 亚洲av无码不卡| 13小箩利洗澡无码视频网站免费 | 曰韩人妻无码一区二区三区综合部| 国产真人无码作爱免费视频| 国产在线拍揄自揄拍无码视频| 亚洲精品久久久久无码AV片软件| 无套内射在线无码播放| 亚洲国产精品无码久久一线| 国产精品无码免费专区午夜| 一级毛片中出无码| 精品一区二区三区无码免费直播 | 狠狠久久精品中文字幕无码| 中文字幕无码亚洲欧洲日韩| 久久久无码精品亚洲日韩京东传媒| 国产精品无码午夜福利| 国产产无码乱码精品久久鸭| 亚洲精品无码永久在线观看你懂的| 国产亚洲?V无码?V男人的天堂 | 亚洲中文字幕无码爆乳av中文| 波多野结衣VA无码中文字幕电影 | 无码视频一区二区三区在线观看| 亚洲乱码无码永久不卡在线| 亚洲AV无码精品色午夜果冻不卡 | 国精品无码A区一区二区| 亚洲国产精品无码久久久久久曰 |