## 一、Vue Devtools Vue Devtools是一個在瀏覽器上調試vue應用的神器，能提高不少我們在瀏覽器上開發調試vue程序的效率。（本質上是瀏覽器的一個插件，目前有chrome和firefox版本）； ## 二、安裝 chrome商店可以直接安裝，也可以下載編譯后的版本手動安裝；    ## 三、使用 安裝之后，就是在原F12工具功能欄之后，增加了一個vue欄目；  也是用F12打開調試工具就可以進行vue項目的調試了； vue專有窗口調試：  普通F12調試：  設置調試窗口的位置：  >[danger] 需要注意，項目一般通過transform-remove-console實現打包之后的生產環境清除console，自動會忽略掉 console 輸出，所以，一般是開發環境打開F12調試，看到效果，而不是打包好之后來調試； ``` if (IS_PROD) { plugins.push('transform-remove-console') } ```