vue-devtools开发工具插件怎么安装使用

2023-05-06,

本文小编为大家详细介绍“vue-devtools开发工具插件怎么安装使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue-devtools开发工具插件怎么安装使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

当前最新版本:vue-devtools 6.0.0-beta.7

用这个版本主要是为了支持vue3

本地下载地址

自行构建

安装

安装依赖(这里用npm比较快,记得用淘宝源)

npm install --global windows-build-tools

等等等........
安装完后

npm install

构建(这里用yarn)

yarn build

使用

浏览器开启 开发人员模式
加载解压缩的扩展 路径:D:\s\vue-devtools-6.0.0-beta.6\packages\shell-chrome
重启浏览器

读到这里,这篇“vue-devtools开发工具插件怎么安装使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注本站行业资讯频道。

《vue-devtools开发工具插件怎么安装使用.doc》

下载本文的Word格式文档,以方便收藏与打印。