谷歌浏览器中安装配置 vue-Devtools-

快捷配置请可以参考以下内容。

https://blog.csdn.net/weixin_38654336/article/details/80790698?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160799909816780277840585%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160799909816780277840585&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-4-80790698.nonecase&utm_term=vuedevtools%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B&spm=1018.2118.3001.4449

 

-----------------------------------------

一、vue安装

1、登录vuejs官网，找到生态系统--》Devtools，进入 github页面；

 

 

 

2、github克隆到本地，可以通过idea克隆到本地。或者直接下载 zip.

 

3、找到克隆到本地目录

找到dev-tools文件的目录，在文件地址栏中 输入 cmd，打开cmd窗口；

 

4、命令行中运行 npm install命令

 

5、在路径vue-devtools-dev\packages\shell-chrome下 找到manifest.json文件，修改persistent为ture；

 

 

6、提示webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

（1）参考https://blog.csdn.net/qq_41985171/article/details/89001787，新建两个文件夹，然后配置环境变量和系统变量；

 

   6-1、关闭命令行窗口， 重新打开 运行webpack -v查看当前版本，注意: 如果安装的是较高版本的webpack,(现在安装的版本都比较高),还需要安装webpack-cli， 安装命令 ：

   （1）npm install webpack -g  手动安装webpack

   （2）npm install webpack-cli -g   手动安装webpack-cli

   我下面的截图是直接在cmd窗口输入 webpack -v提示没有安装，按照指引输入 y，   然后又提示没有安装webpack，在输入y，然后成功。

   6-2、完成安装后，再次输入 webpack -v正常查看版本。