使用vue Devtools

第一步： 在谷歌应用商店中查找 vue Devtools 并安装。安装以后，即便咱们打开了vue项目发现vue标识是灰色的，说明并无成功启动vue。

第二步： 默认安装的状况下，找到C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0下的manifest.json。

用sublime打开，而后将其中的第二行代码里的persistent选项修改成true。 

 "background": {
      "persistent": true,
      "scripts": [ "build/background.js" ]
   },

 

第三步： 在使用vue-cli脚手架构建的项目中，若是使用 npm run dev， 打开浏览器后就能够发现 标识 变绿，这时就能够使用了，以下所示：

这时，咱们就能够很好地管理咱们的项目了。

 

 

 

 

 

 

 

 

 

结合使用debugger来调试代码就行了。  这样能够检测代码在运行中的状态， 尤为是对于打包后的代码，若是不用debugger，那么代码就会被打包，很乱，看不到事情的真相，而使用debugger拿到的就是原本的代码。