目前vue框架是前端比较流行的框架,但是对于复杂的vue项目中会有数量多和复杂的组件,这个时候会忘记组件的关系,比较麻烦。一直听说开发vue项目一定要用vue-tool,但是之前安装太失败了,今天终于装上了,纪念一下吧。
安装vue-tool的方法有多中,如果您能“翻墙”,那直接商城下载安装就行,对于国内的小伙伴来说这个方法可能就不适用了,还是老方法吧。
首先github上下载源码,地址
https://github.com/vuejs/vue-devtools
2.使用shell或者vs打开下载的项目,注意打开里边的那层文件夹
3.按照命令先install,可以使用npm或者yarn,本人用的yarn
yarn install -------------成功后命令 yarn run build -----等待吧少年
4,、上一步成功后,找到\vue-devtools-dev\packages\shell-chrome\manifest.json文件修改
"persistent": true(这是修改之后的)
5、添加方法:在chrome浏览器输入地址:“chrome://extensions/”进入扩展程序页面,然后点击“加载已解压的扩展程序...”按钮;选择\vue-devtools-dev\vue-devtools-dev\packages\shell-chrome文件夹;