1.前言

vue-devtools是用于调试vue应用,这可以极大地提高我们的调试效率。

2.chrome商店直接安装

vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。

3.手动安装vue-devtools

第一步:从git上clone vue-devtools地址

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

第二步:安装依赖

npm install 或者 yarn

第三步:修改配置

在packages -> shell-chrome -> manifest.json中找到:"persistent": false 改为 "persistent": true

第四步:打包文件

npm run build 或者yarn build

第五步:

在谷歌浏览器找到【扩展程序】
打开【开发模式】
选择【加载已解压的拓展程序】
在找到 vue-devtools项目,选择packages -> shell-chrome文件,点击确定(搞定)

如图:
参考图.png

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐