vue-devtools的安装和使用步骤详解

网络编程 2024/11/18 佚名

3 1 2

1、下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools

2、解压此文件夹

3、用命令提示符或编译器进入此文件夹

4、在文件夹下依次运行（可以在命令提示符窗口也可在编译器中）：

I、npm install安装所需要的依赖

II、npm run build构建（如果未执行此步，shells->chrome文件夹下会缺少build文件夹）

5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值为 true

6、在chrome浏览器中找到设置->扩展程序，然后开启开发者模式，将插件中shells文件夹下的chrome文件夹直接拖到开启了开发模式的扩展程序页面，完成安装。

7、在插件文件目录下运行npm run dev,至此插件已成功安装，打开本地localhost:8080就可以看到插件成功安装并运行。

8、用chrome浏览器打开本地的其他项目，就可以看到浏览器已成功的安装了vue-devtools，可以用浏览器去调试vue项目啦。（此时不需要再在插件文件夹下运行npm run dev）

以上就是本次关于vue-devtools的安装和使用的全部知识点内容，感谢大家的学习和对的支持。

vue-devtools,安装使用

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“vue-devtools的安装和使用步骤详解”

暂无评论...

www.bgabc.com 风云阁资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

2024年11月18日