Vue.js devtools - Vue.js调试器背景
从事前端开发的计算机工程师用户应该都和这款插件比较熟悉，它支持用户边看侧边栏窗格中的页面，同时检查代码。因为vue是由数据驱动的，所以用户在开发调试中查看DOM结构很难解析出什么。但是通过vuejs-dev开发的vue-devtools插件，用户便可以很简便地对数据结构进行解析和调试。

它拥有超过四万多的用户数，能有效地帮助开发者们在工作中提高效率。


Vue.js devtools - Vue.js调试器介绍
Vue.js devtools是一款专门为Chrome浏览器开发的扩展，用于调试Vue.js应用程序。


Vue.js devtools - Vue.js调试器功能
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。

你还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。


Vue.js devtools - Vue.js调试器安装

 

  (1) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 
  Chrome://extensions/ 按下回车打开扩展程序页面
 
 

  
 
 

  (2) 打开扩展程序页面的“开发者模式”
 
 

  
 
 

  (3) 将crx文件拖拽到扩展程序页面，完成安装
 
 

  
 
 

  
(4)如有其它安装问题，请扫描网站底部二维码与客服联系
  


 


Vue.js devtools - Vue.js调试器使用
安装好chrome插件后，直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



Chrome and Firefox DevTools extension for debugging Vue.js applications.
Beta channel for Vue.js devtools

######## Features ########
Computer engineer users who are engaged in front-end development should be familiar with this plug-in. It allows users to look at the pages in the sidebar pane while checking the code. Because vue is data driven, it is difficult for users to parse out the DOM structure during development and debugging. But with the vue-devtools plugin developed by vuejs-dev, users can easily parse and debug data structures.

It has more than 40,000 users, which can effectively help developers improve efficiency in their work.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using Vue.js devtools. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- https://github.com/vuejs/vue-devtools