為了幫助開發(fā)者簡(jiǎn)單和高效地開發(fā)和調(diào)試微信小程序，我們?cè)谠械墓娞?hào)網(wǎng)頁(yè)調(diào)試工具的基礎(chǔ)上，推出了全新的?微信開發(fā)者工具，集成了公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試兩種開發(fā)模式。
- 使用公眾號(hào)網(wǎng)頁(yè)調(diào)試，開發(fā)者可以調(diào)試微信網(wǎng)頁(yè)授權(quán)和微信JS-SDK?詳情
- 使用小程序調(diào)試，開發(fā)者可以完成小程序的 API 和頁(yè)面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。
微信小程序開發(fā)工具怎么用，使用流程是什么？
1、下載
微信平臺(tái)官網(wǎng)上提供了開發(fā)工具的下載，地址：
下載 · 小程序
分別提供了 windows64，windows32 和 mac 三個(gè)版本。
下載后直接安裝即可。
2、創(chuàng)建小程序項(xiàng)目
安裝完成后，打開微信 web 開發(fā)者工具。用你的個(gè)人微信掃描二維碼登錄。
登錄后選擇“本地小程序項(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ā)的主要場(chǎng)景。左側(cè)是展示效果的模擬器，可直接交互。右側(cè)是編寫代碼的編輯器，包括代碼文件的導(dǎo)航。共有 4 種類型的代碼：
- js：JavaScript 代碼，主要處理邏輯。
- wxml：類似于 html，負(fù)責(zé)頁(yè)面上控件的展示。
- 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)試、頁(yè)面源代碼、網(wǎng)絡(luò)請(qǐng)求、頁(yè)面元素等功能，滿足你開發(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è)簡(jiǎn)單的“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ù)
本文來自，經(jīng)授權(quán)后發(fā)布，本文觀點(diǎn)不代表Infocode藍(lán)暢信息技術(shù)立場(chǎng)，轉(zhuǎn)載請(qǐng)聯(lián)系原作者。
