VConsole—Vue项目


VConsole——Vue 项目中使用手机网页的前端 console 调试面板

1.cdn 使用

  1. 使用 cdn 引入,在 public 目录下的 index.html 中引入如下代码即可

 
 

        
        
        
        
        
        

2.npm 使用

1.安装 npm

npm i vconsole

2.main.js 引入,并判断非生产环境使⽤

//import Vconsole from 'vconsole'
//let vConsole = new Vconsole()
//Vue.use(vConsole)

import VConsole from 'vconsole'
if (process.env.NODE_ENV === 'development') {
  var vConsole = new VConsole()
  app.use(vConsole)
}


文章作者:   leader755
版权声明:   本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 leader755 !
评论
 上一篇
Git-合并两个不同的仓库 Git-合并两个不同的仓库
背景:由于拆分微前端,需要将最新代码合并到已经拆分的微前端项目,即需要将 2 个项目合并。 1.git 合并两个不同的仓库必备知识1>.列出本地已经存在的分支git branch 2>.查看当前 git 关联的远程仓库git
2022-09-18
下一篇 
企业微信H5开启调试模式 企业微信H5开启调试模式
背景:在企业微信开发,如果不能在企业微信直接调试,那效率非常低,问题又不容易定位到,企业微信设置里又没有开发者模式开关,就在我无从下手的时候,发现一个快捷键能打开调试模式 企业微信 Windows 版本调试 把 devtools_res
2022-04-26
  目录