vue3 使用 eruda
时间: 2023-08-28 20:11:18 浏览: 484
Eruda:移动浏览器控制台-开源
在Vue3中使用Eruda,首先需要在HTML中引入Eruda的CDN链接,如下所示:
```html
<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script>
```
然后,在Vue的入口文件中进行初始化。你可以在`main.js`文件中添加以下代码:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'normalize.css'
import './style/index.scss'
import eruda from 'eruda'
eruda.init() // 初始化Eruda
createApp(App).use(store).use(router).mount('#app')
```
这样就完成了在Vue3中使用Eruda的配置。每次刷新页面时,Eruda将自动初始化并显示在页面上。请注意,这里的代码假设你已经安装了Eruda和其他依赖,如VConsole和normalize.css。
阅读全文