如何在 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协议的正确使用场合（谨慎使用）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
疯狂科学家大本营
Bei Er Fei Ao Er / 本书翻译组 译、黄晓庆 周宇煜 张为民 审译 / Science Press / 2012-1-5 / 48.00元
美国最棒的创意工场不是贝尔实验室，不是硅谷，也不是麻省理工学院的媒体实验室，而是由五角大楼领导的绝密军事机构DARPA——国防高级研究计划局。DARPA是由美国前总统艾森豪威尔建立的军事部门，创建的目的是为了回应苏联的太空计划。 虽然DARPA属于政府机构，但是没有冷冰 冰的氛围和官僚做派，那里的科学家偏爱牛仔裤和运动鞋。不过他们最爱的还是在各个领域寻找颠覆性创意。从航空航天、IT，到能源领......一起来看看 《疯狂科学家大本营》 这本书的介绍吧!
RGB转16进制工具
RGB HEX 互转工具
在线进制转换器
各进制数互转换器