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
以上便是微信開發者工具面板的一些基本功能及作用,其實熟能生巧,不知道就一陣點點點,自然就知道每個功能了😜
(部分摘自《微信小程序開發實戰》黑馬程序員 編著)