调式vue项目vue-devtools以及使用

版权声明:不忘初心!砥砺前行,与君共勉。 https://blog.csdn.net/m0_37836194/article/details/79161498

首先用git从https://github.com/vuejs/vue-devtools,将项目克隆到本地;

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

然后切换到 vue-devtools目录下

cd vue-devtools 

安装命令为:

npm install 

安装完模块后

npm run build,

改配置,切换到shells/chrome/src目录下,修改一下manifest.json文件,将属性persistent修改为true,

最后将这个插件安装到chrome吧。

chrome中 --- 更多工具 --- 扩展程序 ---选择开发者模式 ---加载已解压的扩展程序, 将shells/chrome这个文件夹选中,点击确定,安装好了。

再次打开浏览器的调试工具,可以找到vue一栏。

猜你喜欢

转载自blog.csdn.net/m0_37836194/article/details/79161498