Vue--devtools安装使用

本文介绍如何使用Vue.js devtool进行Vue页面调试,包括从替代Google应用商店下载插件的方法,以及推荐使用VSCode的Vetur和Vue2Snippets插件提升Vue语法开发体验。

1、从google应用商店搜索下载Vue.js devtool,安装到浏览器插件

google应用商店需要FQ才能访问,这里推荐两个地址,不用FQ也能访问:(推荐第一个)

https://www.crx4chrome.com/

http://www.cnplugins.com/

 

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

(注意:想要看到这个调试页面,引用的应该是vue.js依赖,而不是vue.min.js

 (

推荐:

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

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

转载于:https://www.cnblogs.com/lkc9/p/10860479.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值