vue-devtools的下载安装

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。

下载地址：链接: https://pan.baidu.com/s/1nPUcbFRCx6r9eoHaQ8rKXA
提取码: p3un

安装：
1、打开chrome，进入设置

2.、进入设置

3.打开开发者模式，将文件拖至页面内

4.这时右上角出现了vue的图标，通过webstrom打开vue项目后，图标变亮，但是报错，控制台没有出现vue调试，原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址

5.进入设置，Vue.js devtools4.1.4devtools的详情信息，勾选允许访问文件网址

7.修改vue的引入

<script src="../dist/vue.js"></script>

8.刷新页面，按下f12，vue控制台出现，安装成功