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

歌曲分享：for him. Troye Sivan

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

Forget all the shooting stars and all the silver moons

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

Sickeningly sweet like honey, don't need money

All I need is you

All I need is you

每个人的心里都会藏有秘密，只希望哪天它不再是秘密。

---

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

没数据就自己造，哪个数据有问题就去看那个数据。

一、安装vue-devtools：

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

2、npm install
进入下载好的文件 vue-devtools 然后使用上述操作命令

3、npm run build

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

---

二、以下是相关操作的“辅助”图片：

---

最后贴上朋友鼓励我的话，如果在看这篇文章的你是沮丧的，那么希望能带给你点力量。

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

2、是的，为自己打工啦，成长都是自己的。现在被人剥削压迫了，只要成长了，最终会nb的，nb了就好了。