微信開發者工具的用途
開發微信小程序和公眾號網頁開發

小程序
添加小程序項目
在小程序的管理頁面可以增刪項目

添加小程序可以使用小程序公眾號的appid,也可以不使用(一些功能不能使用)

小程序編輯器功能
頭部是編輯器的基本功能,包括打開關閉新建文件,編輯設置,界面,快捷鍵之類的設置

左上角是用戶的信息和用戶要是否要顯示模塊

左邊是選擇手機型號,預覽百分比,信號選擇,頁面預覽,打開路徑,場景值(怎么進入小程序的區別),頁面參數等信息

中間上邊是編譯,調試,預覽,遠程調試,切后台(點擊后就彈出場景值),清除各種緩存

右上角是上傳到騰訊服務器,測試服務器的按鈕,上傳需要填寫必要的信息

點開右上角的詳情是這個項目的基本配置信息。基出調試庫是sdk的版本版本越高功能越強大。項目配置主要是代碼轉移,壓縮,補全,是否檢驗域名。域名信息主要是在小程序平台配置的安全域名,微信會根據域名驗證是否安全。騰訊雲狀態我理解是項目在騰訊雲部署的話一些配置



代碼編輯左邊是目錄列表,右邊是單個文件代碼

小程序調試工具
console:代碼輸出,報錯
source:當前項目編譯后的腳本文件
network:觀察請求的情況
security:看着像是安全方面的東西,有人懂給我講一下
stroage:顯示當前stroage存儲情況
appData:顯示當前頁面data數據情況
wxml:頁面結構和對象的css
sensor:模擬地理位置和重力感應
trace:我研究這是鏈接手機調試的東西,沒太搞懂

公眾號開發
編輯器頭部只有前進后退一些基本功能,輸入框里面是調試的網頁鏈接

展示區基本上一樣

調試區跟chrome的一樣

小程序示例
搜小程序示例。示例是騰訊的demo,可以讓人快速的了解上手開發。地址https://github.com/Hao-Wu/WeApp-Demo
小程序開發助手
搜小程序開發助手。管理開發進度和線上版本

vue開發小程序
由美團實現的vue開發小程序簡稱mpvue。官網(http://mpvue.com/)
