移动端调试神器! 在开发环境中使用vconsole进行移动端调试

安装

git地址 github.com/Tencent/vCo…

在vue-cli中使用 npm install vconsole

在main.js中写入

import Vue from 'vue'
import App from './App.vue'
import router from './router'

import VueRouter from 'vue-router'
Vue.use(VueRouter)

// 核心代码
if(process.env.NODE_ENV === 'development'){
  import('vconsole').then(vconsole=>{
    Vue.prototype.$vconsole = new vconsole.default()
  })
}
 
import 'normalize.css'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router
}).$mount('#app')

效果预览

• 开发环境

• 生产环境

还有一种是使用vconsole-webpack-plugin github.com/diamont1001… 由于本人不喜欢这种第三方封装的东西,所以没用,想了解的可以点进去看下