## 一、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') } ```