admin 管理员组

文章数量: 1184232

vue项目必备的调试工具
各种下载，GitHub下载，各种npm进行intsall，接下来输入npm install bulid，还老是失败，报这种那种的错误，最后历尽千辛万苦弄好了，但是老崩溃，崩溃的想哭，
后来尝试了手动创建文件夹，手动安装，成功了

先看图

自食其力的教程开启

一、创建一个文件夹vue-devtools

进入该文件夹，shift+右键，选择进入powershell ，进入终端。

二：修改mainfest.json文件persistent修改成true

安装完成
找到vue-devtools\node_modules\vue-devtools\vender文件夹

打开mainfest.json文件，修改persistent为true

如果不修改为true，安装完会是灰色的，没法使用

三、浏览器添加扩展程序

我这里以360安全浏览器为例

打开高级管理，打开扩展程序页面
把刚刚修改的vender文件夹拖拽进来就可以了
或者点击加载已压缩的扩展程序选择刚刚修改的vender文件夹也行

大功告成！！！
备注：
vue devtools 在用vue做的网站上会变亮但不能查看其结构。只有在本地运行的项目才能查看

本文标签： 上手 简单 教程 Vue devtools

版权声明：本文标题：vue-devtools安装教程（简单易上手）还不用下载 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1763525952a3246791.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。