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

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 有什么区别！