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

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查看組件的狀態

主站蜘蛛池模板: 柯坪县| 安多县| 惠州市| 高清| 兴城市| 望奎县| 衡水市| 临海市| 文登市| 余庆县| 溧水县| 兴化市| 西青区| 马关县| 达日县| 汶上县| 广元市| 新闻| 武乡县| 黔南| 曲阜市| 濮阳市| 乐山市| 福建省| 保山市| 福贡县| 沾化县| 宁晋县| 阳信县| 桐庐县| 和顺县| 溆浦县| 阜平县| 如东县| 荥经县| 巫山县| 曲靖市| 英超| 上林县| 西平县| 玉门市|