如何在 Safari 使用 Vue DevTools ?
栏目: JavaScript · 发布时间: 5年前
内容简介：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协议的正确使用场合（谨慎使用）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
