如何在 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。
Run Vue DevTools
$ vue-devtools
在 CLI 輸入 vue-devtools 執行 Vue DevTools。
以 GUI 在 macOS 執行。
Modify index.html
在 index.html 加上 <script src="http://localhost:8098"></script> 。
yarn serve 後在 Safari 會看到 Remote Devtools Connected 。
Electron 版 DevTools 也能順利觀察到 component。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- RecyclerView使用指南(一)—— 基本使用
- 如何使用Meteorjs使用URL参数
- 使用 defer 还是不使用 defer?
- 使用 Typescript 加强 Vuex 使用体验
- [译] 何时使用 Rust?何时使用 Go?
- UDP协议的正确使用场合(谨慎使用)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
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 代码
Base64 编码/解码
Base64 编码/解码