如何安装vue调试工具,vue调试工具安装

 时间:2024-10-18 23:30:16

1、vue调试工具安装首先到网站上寻找vue-de箪滹埘麽vtools下载推荐到github上面下载cmd使用如下命令(前提是你要装有git):git c造婷用痃lone https://github.com/vuejs/vue-devtools当然如果可以上google的话直接到应用商店下载

如何安装vue调试工具,vue调试工具安装

2、将下载的文件解压,进入到解文件夹vue-devtools的目录,安装项目所需要的依赖包。安装方法:npm install 或 cnpm install(cnpm命令是国内的镜像,速度会快一些)下图是编译过程

如何安装vue调试工具,vue调试工具安装

3、安装完成,如下所示,然后我们打开编译好的文件,编译过程报错的话,记得用npm清除缓存再试试

如何安装vue调试工具,vue调试工具安装

4、编译项目文件npmrunbuild如下所示,代表已经编译成功

如何安装vue调试工具,vue调试工具安装
如何安装vue调试工具,vue调试工具安装

5、将编译好的组建添加到google浏览器,goole浏览器地址栏输入:chrome://extensions/ ,然后选择加载已解压的扩展程序,然后编译包目录下找到chrome,点击确定,如下所示就是编译好的组建已安装

如何安装vue调试工具,vue调试工具安装
如何安装vue调试工具,vue调试工具安装
如何安装vue调试工具,vue调试工具安装

6、如果出现这个错误Vue.js is detected on this page. Open DevTools and look for the Vue panel.可以修改如下图所示的地方为true,如果还不行 看看自己的js中是否引入vue的调试

如何安装vue调试工具,vue调试工具安装

7、vue-devtools成功安装后的界面如下图所示

如何安装vue调试工具,vue调试工具安装
  • 抖店的产品很多,怎么分类保存呢
  • 无线手机淘宝主页首页视频添加方法
  • 抖音怎么进行企业认证
  • 淘宝pid怎么获得
  • 怎么查看淘宝联盟pid?
  • 热门搜索
    冬季防火手抄报 体育节手抄报 五年级数学手抄报内容 书的海洋手抄报 二年级国庆节手抄报 关于春节的手抄报资料 汉字的来历手抄报 小学生防火手抄报 讲卫生手抄报内容 心理健康手抄报素材