關於微信開發者工具初使用


1. 注冊微信公眾號

為了區分每個開發者以及方便以后小程序的發布等等,首先則要注冊微信公眾號,具體步驟如下:

1. 通過網址:https://weixin.qq.com 或者直接搜索"微信公眾平台"進入如下界面

2. 點擊"立即注冊"

選擇要注冊的賬號類型。這里我們選擇的是小程序

3. 根據提示信息填寫完后,注冊完成!然后登陸自己的賬號,就可進入以下界面啦

以后的小程序開發、發布、管理等一系列功能都由該頁面提供!

2.安裝微信開發者工具

1.登錄注冊了的賬號后,點擊開發工具→開發者工具→下載


2.下載好后,雙擊打開,進入如下界面,點擊”下一步“→”我接受“,選擇安裝目錄后點擊確定,等待下載。

完成以上步驟后則安裝完成

3. 頁面功能介紹

1. 首先掃描二維碼登錄微信開發者工具,進入如下界面,若還沒注冊可暫時使用測試號

2. 點擊新建進入如下界面,大致分為菜單欄,工具欄,模擬器,編輯器和調試器

  • 對於以上功能的大概介紹如下:

a. 菜單欄

  • 項目:用於新建項目,或打開一個現有的項目

  • 文件:用於新建文件、保存文件或關閉文件

  • 編輯:用於編輯代碼,對代碼進行格式化

  • 工具:用於訪問一些輔助工具,如自動化測試、代碼倉庫等

  • 界面:用於控制界面中各部分的顯示和隱藏

  • 設置:用於對外觀、快捷鍵、編輯器等進行設置

  • 微信開發者工具:可以進行切換賬號、更換開發模式、調試等操作


b. 工具欄

  • 個人中心:位於工具欄最左側的第1個按鈕,顯示當前登錄用戶的用戶名、頭像

  • 模擬器、編輯器和調試器:用於控制相應工具的顯示和隱藏

  • 雲開發:開發者可以使用雲開發來開發小程序、小游戲,無須搭建服務器,即可使用雲端能力。雲開發能力從基礎庫2.2.3開始支持

  • 模式切換下拉菜單:用於在小程序模式、搜索動態頁和插件模式之間進行切換

  • 編譯下拉菜單:用於切換編譯模式,默認為普通編譯,可以添加其他編譯模式

  • 編譯:編寫小程序的代碼后,需要編譯才能運行。默認情況下,直接按Ctrl+S快捷鍵保存代碼文件,微信開發者工具就會自動編譯運行。若要手動編譯,則單擊“編譯”按鈕即可

  • 預覽:單擊“預覽”按鈕會生成一個二維碼,使用手機中的微信掃描二維碼,即可在微信中預覽小程序的實際運行效果

  • 真機調試:可以實現直接利用開發者工具,通過網絡連接對手機上運行的小程序進行調試,幫助開發者更好地定位和查找在手機上出現的問題

  • 切后台:用於模擬小程序在手機中切后台的效果

  • 清緩存:用於清除數據緩存、文件緩存等

  • 上傳:於將代碼上傳到小程序管理后台,可以在“開發管理”中查看.上傳的版本,將代碼提交審核。需要注意的是,如果在創建項目時使用的ApID為測試號,則不會顯示“上傳”按鈕

  • 版本管理:用於通過Git對小程序進行版本


c. 模擬器

  • 用於模擬手機環境,查看不同型號手機的運行效果


d. 編輯器

  • 左欄用於瀏覽目錄結構,右欄用於編寫代碼


d. 調試器

  • Console:“控制台” 面板,用於輸出調試信息,也可以直接編寫代碼執行

  • Network:網絡”面板,用於記錄網絡請求信息,根據它可進行網絡性能優化

  • Security: Security: “安全”面板,用於調試頁面的安全和認證等信息,如HTTPS

  • AppData:“App數據”面板,可以查看或編輯當前小程序運行時的數據

  • Audits:“審計”面板、用於對小程序進行體驗評分

  • Sensor:“傳感器”面板,用於模擬地理位置、重力感應

  • Storage:“存儲”面板,用於查看和管理本地數據緩存

  • Trace:“跟蹤”面板,用於真機調試時跟蹤調試信息

  • Wxml: 用於查看和調試WXML和WXSS


以上便是微信開發者工具面板的一些基本功能及作用,其實熟能生巧,不知道就一陣點點點,自然就知道每個功能了😜

(部分摘自《微信小程序開發實戰》黑馬程序員 編著)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM