Vue调试工具vue-devtools的安装与使用_vue调试工具安装

2.安装vue-devtools工具

三、vue-devtools的使用

总结

---

前言

主要介绍vue-devtools的安装与使用。

一、vue-devtools是什么？

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。

二、vue-devtools安装

1.下载vue-devtools工具

进入GitHub官网进行下载，网址：https://github.com/vuejs/vue-devtools

下载安装包并将安装包进行解压

2.安装vue-devtools工具

在解压后的文件夹中打开cmd命令行，在命令行中输入命令 npm install（若不能使用npm命令，请先安装node.js）

下载完成后执行：npm run build 命令

完成安装。

然后进入 shells\chrome子目录，编辑 manifest.json 文件，修改persistent 为 true。

修改完成之后，将chrome文件拖至谷歌浏览器的扩展程序中即可。重启浏览器扩展程序即可使用。

若是在npm run build时出错

我们换一种安装方式：

首先，创建一个空文件夹，进入这个文件的终端。

输入**npm install vue-devtools**

如上图，即可完成安装。

安装完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，将vender 文件下的 manifest.json ，修改persistent 为 true。

最后，将vender 文件拖至谷歌浏览器的扩展程序中即可。重启浏览器扩展程序即可使用。

跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

面试准备

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

面试准备根据每个人掌握的知识不同，准备的时间也不一样。现在对于前端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。