vue-devtools安装过程的坑

1.打开这个工具的地址 https://github.com/vuejs/vue-devtools

2.按照给出的步骤一步步走

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

 npm install

3.一定要看清楚你下载的代码是不是对的,我之前就因为下载的是dev分支上的 run 的时候一直报错 

vue-devtools安装过程的坑

 

 

 

 

git fetch origin dev命令来把远程dev分支拉到本地
git pull origin dev就可以把远程dev分支上的内容都拉取到本地了

//   git checkout -b <本地分支名> origin/<想要拉取的远程分支名>


4.修改 shells\chrome\manifest.json    

"background": {
"scripts": [
"build/background.js"
],
"persistent": true
},

5.npm run build

6.打开浏览器的扩展程序,打开 开发者模式 把shells\chrome文件夹拖进即可

vue-devtools安装过程的坑

 

上一篇:vue-devtools调试工具导入浏览器简单教程


下一篇:SpringBoot通过devtools实现热部署