vue-devtools使用
在vue学习开发之前,应安装vue-devtools为我们提供一个界面,用来查看vue组件和全局状态管理器vuex中记录的数据。如果你可以访问google web store,请在store中安装。
git clone https://github.com/vuejs/vue-devtools
这里需要注意:应该使用master而不是dev
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201030000350387.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTA3OTE2,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201030000350283.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTA3OTE2,size_16,color_FFFFFF,t_70#pic_center)
2.cd到当前目录
npm install(或者使用淘宝镜像-cnpm)
3.npm run build
npm run build
在vue-devtool-master目录中找到shell>chrome>manifest.json,设置persistant为true。在chrome中的更多工具->扩展程序->加载已解压的扩展程序->选择vue-devtool-master目录中的chrome文件夹。 之后在你的项目中就可以使用vue-devtools调试工具了。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201030001936167.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTA3OTE2,size_16,color_FFFFFF,t_70#pic_center)
注意:可能会存在Vue.js devtools:because it's in production mode or explicitly disabled by the author
.的问题,这是因为你的vue为vue.min.js,应该使用开发模式下的vue.js。