vue-devtools 使用技巧

 时间:2024-09-27 23:36:07

vue-devtools是一款调试vue代码的工具,在使用它时需要安装。那么,具体怎么使用呢?

vue-devtools 使用技巧

工具/原料

vue

vue-devtools

element

JavaScript

HBuilderX

WPS

浏览器

截图工具

方法/步骤

1、打开电脑浏览器,搜索vue-devtools,然后点击Cloneordownload

vue-devtools 使用技巧

2、下载完毕后,将压缩文件中的文件拷贝出来,导入到HBuilderX

vue-devtools 使用技巧

3、导入完毕后,可以查看到vue-devtools工具的项目结构

vue-devtools 使用技巧

4、在项目鼠标右键上,选择命令并安装依赖包npminstall

vue-devtools 使用技巧

5、再次使用npmrunbuild,构建项目,然后修改参数,进行安装插件

vue-devtools 使用技巧

6、打开一个vue项目,新建一个vue文件,然后插入一个按钮

vue-devtools 使用技巧

7、保存代码并运行项目,打开浏览器,点击按钮,进行调试代码

vue-devtools 使用技巧

windows如何自定义垃圾桶的位置以及大小 loadrunner中action怎么创建和删除 如何在VS2010中打开VS2013生成解决方案项目? 用JS怎么实现点击按钮改变指定div的id 如何通过Tomcat发布WebService
热门搜索
万梓良图片 写意荷花图片 肚脐电影 王宝强电影 宠物狗图片大全