微信開發者工具和開發

微信開發者工具的用途

　　開發微信小程序和公衆號網頁開發

　　

小程序

　　添加小程序項目

　　　　在小程序的管理頁面能夠增刪項目

　　　　

　　　　　　添加小程序能夠使用小程序公衆號的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/）