【git 安装vue-devtools】_vue devtools git

下载vue-devtools

git clone https://github.com/vuejs/vue-devtools
1

可能出现的问题

fatal: unable to access 'https://github.com/vuejs/vue-devtools/': OpenSSL SSL_read: Connection was reset, errno 10054
1

解决办法1：可能是网络问题建议换个网，或者使用流量
解决办法2：把git clone https://github.com/vuejs/vue-devtools更换成

git clone git://github.com/vuejs/vue-devtools.git
1

安装vue-devtools

首先要安装 nvm

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
1

如果使用wget报错到 地址下载，选择自己的版本，下载完成解压到Git\mingw64\bin或者配置解压路径到系统环境变量path中

手动安装nvm

Git下载链接

点击下载解压文件找到 install.sh
进入解压路径，执行sh install.sh
出现以下问题，是缺少环境变量，复制运行即可

如果每次进入都要重新安装nvm，解决方法如下

终端: 
vi ~/.bash_profile

在.bash_profile文件的最末尾上加入如下语句:
if [ -f ~/.bashrc ]; then
source ~/.bashrc
fi

保存。

终端:
vi ~/.zlogin

在.zlogin文件的最末尾上加入如下语句：
if [ -f ~/.bashrc ]; then
source ~/.bashrc
fi

保存。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

问题：使用npm install或 cnpm install报错

解决办法1：检查一下是否下载了node,js，下载node.js会自动安装npm,下载链接.下载完成傻瓜式安装这里就不细说了
解决办法2：换源

// 这是淘宝的源
npm config set registry http://registry.npm.taobao.org/
1
2

解决办法3：cnpm没安装

// 安装cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org
1
2

安装yarn

npm install -g yarn
1

使用yarn install

进入vue-devtools目录中执行yran install命令

出现问题

error D:\vue_driver\vue-devtools\node_modules\electron: Command failed.
Exit code: 1
Command: node install.js
Arguments:
Directory: D:\vue_driver\vue-devtools\node_modules\electron
Output:
RequestError: read ECONNRESET
    at ClientRequest.<anonymous> (D:\vue_driver\vue-devtools\node_modules\got\source\request-as-event-emitter.js:178:14)
    at Object.onceWrapper (node:events:642:26)
    at ClientRequest.emit (node:events:539:35)
    at origin.emit (D:\vue_driver\vue-devtools\node_modules\@szmarczak\http-timer\source\index.js:37:11)
    at TLSSocket.socketErrorListener (node:_http_client:454:9)
    at TLSSocket.emit (node:events:527:28)
    at emitErrorNT (node:internal/streams/destroy:151:8)
    at emitErrorCloseNT (node:internal/streams/destroy:116:3)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

解决办法：yran install –ignore-scripts

warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.2.2" has unmet peer dependency "@pixi/math@6.2.2".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.2.2" has unmet peer dependency "@pixi/sprite-tiling@6.2.2".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.2.2" has unmet peer dependency "@pixi/utils@6.2.2".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-text@6.2.2" has unmet peer dependency "@pixi/sprite@6.2.2".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-text@6.2.2" has unmet peer dependency "@pixi/text@6.2.2".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/docs > vitepress > @docsearch/js > @docsearch/react@3.0.0" has unmet peer dependency "@types/react@>= 16.8.0 < 18.0.0".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/docs > vitepress > @docsearch/js > @docsearch/react@3.0.0" has unmet peer dependency "react@>= 16.8.0 < 18.0.0".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/docs > vitepress > @docsearch/js > @docsearch/react@3.0.0" has unmet peer dependency "react-dom@>= 16.8.0 < 18.0.0".
warning "workspace-aggregator-f80af8d6-d4ae-4d47-ac3f-3b0540667711 > @vue-devtools/docs > vitepress > @docsearch/js > @docsearch/react > @algolia/autocomplete-preset-algolia@1.5.2" has unmet peer dependency "@algolia/client-search@^4.9.1".
[5/5] Building fresh packages...
warning Ignored scripts due to flag.
Done in 5.45s.
1
2
3
4
5
6
7
8
9
10
11
12

执行命令：yarn run build
1：谷歌->更多工具->扩展程序
2：点击“加载已解压的扩展程序”
3：选择文件vue-devtools/packages/shell-chrome/
vue-devtools 安装完毕