关注分享主机优惠活动
国内外VPS云服务器

安装 Vue devtools 工具 安装 Chrome Vue devtools 教程步骤

摘要:插件已安装。 例如,如果安装了三个版本后获取版本version,并且安装后内容完整,请按照步骤1操作。

Vue安装devtools工具安装Chrome Vue devtools教程步骤

1.安装步骤

1.下载地址: GitHub - vuejs/devtools v5.1.1

2. 注意:您必须使用v5.1.1 版本。 经测试,该版本可以正常使用。

3.安装步骤:

npm install / cnpm installnpm run build

4经过上述步骤后,你会发现安装过程中没有报错,并且生成了devtools/shell目录。

5.打开Chrome浏览器,进入开发者模式转在 --- 加载解压的扩展上选择 --- devtools-5.1.1/shells/chrome

方法一:在谷歌浏览器地址栏中输入 chrome://extensions/method。 2:右上角 --- 更多工具 --- 扩展

6. 单击插件的“详细信息”[。 k4][ k4 ]- 所有网站访问过网站 ---

2. 可能出现的问题

1. 如果遇到安装错误,请检查v5.1.1版本

2、安装完成后,devtool图标还是灰色或者控制台没有vue。

打开:修改vue-devtools manifest.json。   将 /shells/chrome 中的文件更改为“持久”:将 false 更改为 true。    

vue-devtools 插件已安装。

3. 安装更高版本 5.1.1

1. 示例:v5 .3.4 version:

yarn install Tongue run build

2、安装后获取内容:devtools-5.3.4/packag转到 es/shell-chrome 并按照步骤 [1-5] 操作。

PS:作为一个后端开发者,我第一次接触Vue是用最新的下载版本(v6.0.x)并按照其他博客中的教程

(np​​m install),安装一直失败...

<最基本的原因是: 我没有阅读官方安装文档。 ! !

示例: thread 是做什么的?我不知道 thread 和 npm 有什么区别!

未经允许不得转载:主机频道 » 安装 Vue devtools 工具 安装 Chrome Vue devtools 教程步骤

评论 抢沙发

评论前必须登录!