vue-devtools是一款调试vue代码的工具，在使用它时需要安装。那么，具体怎么使用呢？
工具/原料
1
vue
2
vue-devtools
3
element
4
JavaScript
5
HBuilderX
6
WPS
7
浏览器
8
截图工具
方法/步骤
1
打开电脑浏览器，搜索vue-devtools，然后点击Clone or download
2
下载完毕后，将压缩文件中的文件拷贝出来，导入到HBuilderX
3
导入完毕后，可以查看到vue-devtools工具的项目结构
4
在项目鼠标右键上，选择命令并安装依赖包npm install
5
再次使用npm run build，构建项目，然后修改参数，进行安装插件
6
打开一个vue项目，新建一个vue文件，然后插入一个按钮
7
保存代码并运行项目，打开浏览器，点击按钮，进行调试代码
总结
1、下载项目安装2、导入项目构建3、新建组件文件4、绑定点击事件5、保存运行查看6、打开控制调试END
注意事项
1
注意vue-devtools 使用技巧
2
注意vue-devtools调试vue代码