2.3　安裝vue-devtools

vue-devtools是一款調試Vue.js應用的開發者瀏覽器擴展，可以在瀏覽器開發者工具下調試代碼。不同的瀏覽器有不同的安裝方法，以瀏覽器為例，其具體安裝步驟如下：

（1）打開瀏覽器，單擊“自定義和控制”按鈕，在打開的下拉菜單中選擇“更多工具”菜單項，然后在彈出的子菜單中選擇“擴展程序”菜單項，如圖2-16所示。

（2）在“擴展程序”頁面中單擊“Chrome網上應用店”鏈接，如圖2-17所示。

（3）在“chrome網上應用店”頁面搜索vue-devtools，如圖2-18所示。

（4）添加搜索到的擴展程序Vue.js devtools，如圖2-19所示。

（5）在彈出的窗口中單擊“添加擴展程序”按鈕，如圖2-20所示。

（6）添加完成后，回到擴展程序頁面，可以發現已經顯示了Vue devtools調試程序，如圖2-21所示。

（7）單擊“詳細信息”按鈕，在展開的頁面中選擇“允許訪問文件網址”選項，如圖2-22所示。