vue-devtools安装
1.前言vue-devtools是用于调试vue应用,这可以极大地提高我们的调试效率。2.chrome商店直接安装vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。3.手动安装vue-devtools第一步:从git上clone vue-devtools地址git clone https://github.com/vu
·
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文件,点击确定(搞定)
如图:
![Logo](https://devpress.csdnimg.cn/79de2bf0b7994defa4242ef90d5513fa.jpg)
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)