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