如何在 Safari 使用 Vue DevTools ?

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

内容简介: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。


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

查看所有标签

猜你喜欢:

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

Ajax模式与最佳实践

Ajax模式与最佳实践

Christian Gross / 李锟、张祖良、蔡毅、赵泽欣 / 电子工业出版社 / 2007-3 / 49.80元

Ajax 正在将我们带入到下一代的网络应用中。 本书深入探讨了动态的网络应用,将Ajax和REST集成在一起作为单独的解决方案。一个很大的优势是,与Ajax相似,REST可以和现今存在的技术一起使用。现在上百万的客户端计算机都是基于Ajax的,上百万的服务器是基于REST的。   无论你是否已经开发过Ajax应用程序,这都是一本理想的书。因为这本书描述了各种各样的模式和最好的实践经验。通过此......一起来看看 《Ajax模式与最佳实践》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

html转js在线工具
html转js在线工具

html转js在线工具