admin管理员组

文章数量:1130349

安装Vue Devtools

Vue Devtools是一个在谷歌浏览器上调试vue应用的神器，能提高不少我们在浏览器上开发调试vue程序的效率。（本质上是谷歌浏览器的一个插件）

①　vue devtools 下载
这是编译好可以直接使用的vue devtools 浏览器插件
链接：https://pan.baidu/s/1OLOmVl0WkkqbAIqoxACeiQ 提取码：29bn
②　下载解压后的目录
③　将此插件配置到谷歌浏览器中
1.打开谷歌浏览器，输入地址：chrome://extensions/
2.勾选最右侧的开发模式

3.点击左侧按钮：

4.选择解压后的文件目录

5.加载成功后会出现如下图所示的变化
（网页中出现vue插件板块，且地址栏最右边出现vue图标）

6.打开vue应用开始使用 : 按下f12，会出现vue的选项卡，点击开发调试vue程序

安装Vue Devtools

Vue Devtools是一个在谷歌浏览器上调试vue应用的神器，能提高不少我们在浏览器上开发调试vue程序的效率。（本质上是谷歌浏览器的一个插件）

①　vue devtools 下载
这是编译好可以直接使用的vue devtools 浏览器插件
链接：https://pan.baidu/s/1OLOmVl0WkkqbAIqoxACeiQ 提取码：29bn
②　下载解压后的目录
③　将此插件配置到谷歌浏览器中
1.打开谷歌浏览器，输入地址：chrome://extensions/
2.勾选最右侧的开发模式

3.点击左侧按钮：

4.选择解压后的文件目录

5.加载成功后会出现如下图所示的变化
（网页中出现vue插件板块，且地址栏最右边出现vue图标）

6.打开vue应用开始使用 : 按下f12，会出现vue的选项卡，点击开发调试vue程序

本文标签： 插件器上devtoolsVuevscode

版权声明：本文标题：（七）浏览器上安装 Vue Devtools和VScode插件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1760301915a2853077.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。