如何在 Safari 使用 Vue DevTools ?

栏目: JavaScript · 发布时间: 6年前

内容简介:Vue 在 Chrome 提供了 DevTools Extension,讓我們方便 Debug Vue,Vue 官方另外提供了 Electron 版 DevTools,讓我們在 Safari 也能開發 Vue。macOS Mojave 10.14.5WebStorm 2019.1.3

Vue 在 Chrome 提供了 DevTools Extension,讓我們方便 Debug Vue,Vue 官方另外提供了 Electron 版 DevTools,讓我們在 Safari 也能開發 Vue。

Version

macOS Mojave 10.14.5

WebStorm 2019.1.3

Vue CLI 3.8.4

Vue 2.6.10

vue/devtools 5.1.0

Installation

$ yarn global add @vue/devtools

使用 yarn 將 vue/devtools 安裝在 global。

如何在 Safari 使用 Vue DevTools ?

Run Vue DevTools

$ vue-devtools

在 CLI 輸入 vue-devtools 執行 Vue DevTools。

如何在 Safari 使用 Vue DevTools ?

以 GUI 在 macOS 執行。

Modify index.html

如何在 Safari 使用 Vue DevTools ?

index.html 加上 <script src="http://localhost:8098"></script>

如何在 Safari 使用 Vue DevTools ?

yarn serve 後在 Safari 會看到 Remote Devtools Connected

如何在 Safari 使用 Vue DevTools ?

Electron 版 DevTools 也能順利觀察到 component。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web Security Testing Cookbook

Web Security Testing Cookbook

Paco Hope、Ben Walther / O'Reilly Media / 2008-10-24 / USD 39.99

Among the tests you perform on web applications, security testing is perhaps the most important, yet it's often the most neglected. The recipes in the Web Security Testing Cookbook demonstrate how dev......一起来看看 《Web Security Testing Cookbook》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码