微信小程式開發(二) -工具
上一節,我們已經把微信小程式開發所必須的都已準備好
這一節 ,我們將 瞭解 微信開發者工具的基本使用,以及各項功能
這裡我們不講公眾號網頁除錯
這款 ide 基本功能 有如下三點
小程式除錯(開發者可以完成小程式的 API 和頁面的開發除錯)
程式碼檢視和編輯
小程式預覽和釋出等
至於 最新版本新增的
使用騰訊雲，快速搭建小程式後臺執行環境；
申請測試報告，瞭解小程式在真實的移動裝置上執行效能和執行效果。我們暫不使用
選單欄
微信開發者工具選項
切換賬號：快速切換登入使用者
關於：關於開發者工具
檢查更新：檢查版本更新
開發者論壇：前往開發者論壇
開發者文件：前往開發者文件
更換開發模式：快速切換公眾號網頁除錯和小程式除錯
退出：退出開發者工具
除錯：
除錯開發者工具 ,除錯編輯器
作用就是通過瀏覽器 除錯工具 進行外部除錯 該ide
專案
新建專案：快速新建專案
開啟最近：可以檢視最近開啟的專案列表，並選擇是否進入對應專案
檢視所有專案：新視窗開啟 啟動頁 的專案列表頁
關閉當前專案：關閉當前專案，回到啟動頁的專案列表頁
檔案 不多介紹
編輯
可以檢視編輯相關的操作和快捷鍵
工具
編譯：編譯當前小程式專案
重新整理：與編譯的功能一致，由於歷史原因保留對應的快捷鍵 ctrl(⌘) + R
編譯配置：可以選擇普通編譯或自定義編譯條件
前後臺切換
清除快取
需要注意的是:
在最近版本的
ide中添加了後面幾個選項
將在後面一一講解
介面
控制主介面視窗模組的顯示與隱藏
設定
外觀設定：控制
編輯器的配色主題、字型、字號、行距(感覺 模仿的VS code)
編輯設定：控制檔案儲存的行為，編輯器的表現
代理設定：選擇直連網路、系統代理和手動設定代理
通知設定：設定是否接受某種型別的通知
工具欄上的東西 其實在選單欄中都有,只不過為了方便單獨拿出來 ,做成按鈕 ,方便使用,這裡不介紹
下面是一些,常用功能介紹
開啟已建立好的專案
非空目錄下 必須存在
app.json 或者 project.config.json
專案
工具支援同時開啟多個專案
每次開啟的專案會從新視窗開啟
- 首先 點選標題欄的專案選項 ,後展開如下
當 需要 * 管理(刪除)專案*時
點選 檢視所有專案 ,然後會彈出一個新的視窗
在上面的介面中 ,點選管理專案 ,便能刪除,新增專案
當 需要 多開專案時
選擇新增專案 即可 在新視窗中 開始新專案的 程式碼編輯
此時 便可以選擇 新建一個專案 或者 是 按上面的不走開啟一個 已建立的專案
模擬器
模擬器可以模擬小程式在微信客戶端的表現。小程式的程式碼通過編譯後可以在模擬器上直接執行。
開發者可以選擇不同的裝置，也可以新增自定義裝置來除錯小程式在不同尺寸機型上的適配問題。
在模擬器底部的狀態列，可以直觀地看到當前執行小程式的場景值，頁面路徑及頁面引數