1、从google应用商店搜索下载Vue.js devtool,安装到浏览器插件,记住这个ID,后面会用到

Vue--devtools安装使用 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 

2、chrome地址栏输入chrome://appcache-internals,查看chrome离线包应该存放的路径

如图:(为  C:\Users\liuku\AppData\Local\Google\Chrome\User Data\Default)

Vue--devtools安装使用 随笔 第2张

打开目录下的 /Extension 文件夹,找到文件名为第一步中 ID 的文件夹,修改其中的 manifest.json:

Vue--devtools安装使用 随笔 第3张

修改  将"persistent": false 修改为 "persistent": true:

Vue--devtools安装使用 随笔 第4张

 

 3、运行Vue 页面,按F12即可看到调试页面:

Vue--devtools安装使用 随笔 第5张

 (

推荐:

1、Vscode对Vue语法的提示插件(官方提供):Vetur

2、Vscode对Vue语法的提示插件:Vue 2 Snippets

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄