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