官术网_书友最值得收藏!

2.1 安裝Vue Devtools

在使用Vue前端框架前,推薦在瀏覽器(如Google Chrome)上安裝Vue Devtools。它可以讓開發者在一個友好的界面中審查和調試Vue應用程序。如果能訪問國外網站的讀者,可以直接訪問Google Web Store,在搜索欄中搜索vuejs-devtools進行安裝。如果不能訪問國外網站的讀者,可以進行手動下載Vue Devtools并安裝。具體操作步驟如下。

(1)在github上下載Vue Devtools壓縮包,如圖2-1所示。

圖2-1 下載Vue Devtools

(2)下載完成后進入vue-devtools(見圖2-2),執行以下命令,安裝構建工具所需要的依賴。

圖2-2 執行cnpm install等命令

    cnpm install
    npm run build

(3)安裝成功后,打開Google Chrome的擴展程序菜單,如圖2-3所示。

圖2-3 Google Chrome的擴展程序菜單

(4)打開Google Chrome的擴展程序后,單擊右上角的“開發者模式”,并單擊“加載已解壓的擴展程序”,選擇shells下的chrome文件夾進行安裝,如圖2-4所示。

圖2-4 安裝Vue Devtools

(5)再次打開Vue項目時,就可以在Chrome調試工具中通過Vue Devtools查看組件的狀態,如圖2-5所示。

圖2-5 使用Vue Devtools查看組件的狀態

主站蜘蛛池模板: 湖北省| 乐业县| 政和县| 霍城县| 宣化县| 五原县| 宜兰市| 手游| 碌曲县| 延长县| 新津县| 永仁县| 涟水县| 桃园市| 泸溪县| 英超| 白朗县| 个旧市| 奉贤区| 延安市| 济宁市| 彩票| 惠安县| 镇雄县| 衢州市| 洛南县| 萨迦县| 茂名市| 丽江市| 城步| 翼城县| 南城县| 双峰县| 沅江市| 华亭县| 伽师县| 石楼县| 三门县| 盘山县| 上高县| 政和县|