為了幫助開發(fā)者簡單和高效地開發(fā)和調(diào)試微信小程序，我們在原有的公眾號網(wǎng)頁調(diào)試工具的基礎(chǔ)上，推出了全新的?微信開發(fā)者工具，集成了公眾號網(wǎng)頁調(diào)試和小程序調(diào)試兩種開發(fā)模式。
- 使用公眾號網(wǎng)頁調(diào)試，開發(fā)者可以調(diào)試微信網(wǎng)頁授權(quán)和微信JS-SDK?詳情
- 使用小程序調(diào)試，開發(fā)者可以完成小程序的 API 和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。
微信小程序開發(fā)工具怎么用，使用流程是什么？
1、下載
微信平臺官網(wǎng)上提供了開發(fā)工具的下載，地址：
下載 · 小程序
分別提供了 windows64，windows32 和 mac 三個版本。
下載后直接安裝即可。
2、創(chuàng)建小程序項目
安裝完成后，打開微信 web 開發(fā)者工具。用你的個人微信掃描二維碼登錄。
登錄后選擇“本地小程序項目”。
進入后，可以點擊“+”號按鈕創(chuàng)建新項目。本地已經(jīng)創(chuàng)建過項目的，這里都會看到。
創(chuàng)建項目時，需要填寫在平臺上申請的小程序 AppID，這個在之前關(guān)于申請賬號的文章中已經(jīng)提過。實在不想麻煩的，就直接選“無 AppID”，代價是無法在真機上調(diào)試代碼，但不影響開發(fā)。
3、開發(fā)界面
創(chuàng)建好項目之后，即可進入開發(fā)環(huán)境進行開發(fā)。左邊是導(dǎo)航欄，主要有三個界面。
這是開發(fā)的主要場景。左側(cè)是展示效果的模擬器，可直接交互。右側(cè)是編寫代碼的編輯器，包括代碼文件的導(dǎo)航。共有 4 種類型的代碼：
- js：JavaScript 代碼，主要處理邏輯。
- wxml：類似于 html，負(fù)責(zé)頁面上控件的展示。
- wxss：類似于 css 的樣式文件，用來調(diào)整布局，美化界面。
- json：json 格式的配置文件。
有過前端開發(fā)經(jīng)驗的朋友對這些應(yīng)該不會陌生，基本都是一樣的套路。
修改過代碼后，需要手動保存。模擬器中的版本會在保存后自動刷新。
調(diào)試界面
如果你使用過 Chrome 的開發(fā)者工具或其他類似的 web 前端調(diào)試工具，那這里就不用再多說了。
包括了控制臺調(diào)試、頁面源代碼、網(wǎng)絡(luò)請求、頁面元素等功能，滿足你開發(fā)時的各類調(diào)試需求。
項目界面
這里是項目的基本信息和一些配置。如果你沒有 AppID，或者沒有配置好接口的域名（微信小程序要求后臺接口必須是 https 協(xié)議），但又要加網(wǎng)絡(luò)請求的功能，請務(wù)必把“開發(fā)環(huán)境不校驗請求域名以及 TLS 版本”給勾選上，否則無法成功發(fā)出請求。
4、demo
如果在創(chuàng)建新項目時，選上了“在當(dāng)前目錄中創(chuàng)建 quick start 項目”，你可以看到一個簡單的“hello world”小程序。它可以幫你了解微信小程序的基本代碼結(jié)構(gòu)。
當(dāng)然這還不足以讓你了解小程序的各種功能。官網(wǎng)上還提供了“小程序示例”的源碼下載，你可以從代碼中詳細(xì)了解小程序各種控件的基本用法。微信公眾號（碼不理）中回復(fù)?資源?可直接獲取下載地址。
工欲善其事，必先利其器。了解使用開發(fā)工具是開發(fā)微信小程序的第一步。之后我們將針對文檔和源碼，由淺入深，逐步做更詳細(xì)的分析。
關(guān)于我們：
Infocode藍暢信息技術(shù)有限公司成功為多家世界財富500強企業(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è)計、APP開發(fā)外包，UI設(shè)計，SEO優(yōu)化，SEO外包，視頻后期制作等優(yōu)質(zhì)服務(wù)
本文來自，經(jīng)授權(quán)后發(fā)布，本文觀點不代表Infocode藍暢信息技術(shù)立場，轉(zhuǎn)載請聯(lián)系原作者。
