Vue 开发必不可少的调试工具 vue-devtools

歌曲分享:for him. Troye Sivan

You don't have to say I love you to say I love youvue

Forget all the shooting stars and all the silver moonsgit

We've been making shades of purple out of red and bluegithub

Sickeningly sweet like honey, don't need moneychrome

All I need is youshell

All I need is younpm

每一个人的内心都会藏有秘密,只但愿哪天它再也不是秘密。浏览器


仍是那句话,工欲善其事必先利其器。关于调试,必定要看数据,不然都不知道数据是什么,调个寂寞啊!有了 vue-devtools 一切就方便多了。ui

没数据就本身造,哪一个数据有问题就去看那个数据。google

1、安装vue-devtools:
一、git clone -b master https://github.com/vuejs/vue-devtools
下好后注意看它分支是否为 master,直接克隆的话它默认下载dev分支

二、npm install
进入下载好的文件 vue-devtools 而后使用上述操做命令

三、npm run build

四、将编译好的插件添加到 google 浏览器:
goole 浏览器地址栏输入:chrome://extensions/
而后选择加载已解压的扩展程序;
编译包目录下进入 shells 文件夹便可找到 chrome;
点击肯定。

2、如下是相关操做的“辅助”图片:

npm i

npm run build

安装成功

固定扩展程序

效果图


最后贴上朋友鼓励个人话,若是在看这篇文章的你是沮丧的,那么但愿能带给你点力量。spa

一、你本身决定哦,这个行业大部分都是这样吧, 技术为王。 喜欢的话就坚持,不喜欢的话另外选择吧。坚持本身喜欢的,让它成为本身的特长。

二、是的,为本身打工啦,成长都是本身的。如今被人剥削压迫了,只要成长了,最终会nb的,nb了就行了。

相关文章
相关标签/搜索