vue-003、Chrome浏览器安装vue.js-devtoo

1、安装vue.js-devtools插件

   vue.js-devtool一共有两种方式下载安装，一种是通过Chrome商店来下载安装，另一种是下载离线资源并安装。相比前者，后者稍微麻烦点，因为网上的资源不太好招。

   不过，这里还是介绍一下vue.js-devtools的安装方法吧。

   下载离线资源后，在Chrome浏览器中，依次找到更多工具——>扩展程序，然后将离线资源文件（后缀名为crx）直接拖动到上面。如果该离线资源文件是有效的话，那接下来就会跳出一个提示框，让你添加扩展程序。

   点击确认之后，即安装完成。

2、vue小图标在Chrome浏览器是亮了，但是在控制台中却找到vue调试

   这里有三种解决方案，依次尝试执行即可。

   第一种，在Chrome浏览器上，找到更多工具——>扩展程序——>vue.js-devtools——>详细信息，在详细信息的页面，勾选“允许访问文件网址”。

   如果第一种无法解决，那么就尝试第二种。在Chrome浏览器中，访问chrome://version/网页，并记下并找到个人资料路径对应的路径。在这个路径下，依次找到Extensions——>vue.js-devtools离线包的资源文件名——>vue.js-devtools离线包的资源文件版本号——>manifest.json。在这个文件中，修改如下

   "background": {
      # persistent原本是false，现如今改成true
      "persistent": true,
      "scripts": [ "build/background.js" ]
   },

   如果前两种依旧无法解决，那么就在你的vue项目中main.js中最上面添加：

Vue.config.devtools = true;