vue 安装使用vconsole

需求: 想要在手机上查看控制台输出

1. 安装vconsole依赖

// 进入vue项目执行命令
npm install vconsole --save
// 或使用cnpm安装 (推荐)
// cnpm install vconsole --save

2. 创建一个vconsole.js文件

import VConsole from 'vconsole'
let vconsole = new VConsole()
export default vconsole

3.main.js 引入 vconsole.js

import vConsole from './vconsole'
// import vConsole from './vconsole.js'

页面上会有一个 vConsole  按钮, 点击vConsole  按钮就可以在手机上查看控制台

vue 安装使用vconsole相关推荐

Vue安装配置以及入门案例
Vue Vue简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不 ...
Vue安装依赖npm install时报错问题解决方法
一.用到的一些快捷键: a.打开cmd: win+R b.进入d盘:d: c.进入d盘某个文件夹:cd myVue d.退回上一级:cd.. 二.Vue安装工作: 1.vue的安装依赖于node. ...
Vue安装与IDE HBuilder安装（一分钟读懂）
Vue安装与IDE安装(一分钟读懂) 官网下载IDE HBuilder 解压该文件后,打开官网下载vue.js 创建demo文件夹,把vue.js放进这里面并且创建index.html文件然后把这 ...
Vue系列（2）：Vue 安装
前言:关于页面上的知识点,如有侵权,请看这里 . 关键词:小白.Vue 安装.Vue目录结构.Vue 构建页面流程 ? 初学者安装 vue 用什么好大家都知道,学 Vue 最好还是去官网学,官网写 ...
Vue安装element ui踩坑
在vue安装element ui 的过程中报了许多错误,慢慢踩坑,希望能帮到各位 1. 输入 vue add element 输入 y y zh-CN 如果报错 ERROR comman ...
vue安装及创建运行
vue安装及创建运行文章目录 vue安装及创建运行 vue下载 vue-devtools调试工具简单流程: vue下载 cnpm安装: 升级npm:cnpm install npm -g npm ...
vue 安装不上，报错，解决办法如下
vue 安装不上,报错,解决办法如下前言: vue安装问题就能难倒一拨人,还没等开发呢,就先退下了,看看解决办法,加速学习~~ 安装vue 安装命令 npm install -g @vue/cli ...
Vue安装过程及环境配置
Vue安装过程及环境配置本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. 通过WIN+R输入CMD打开命令行(必须是以管理员身份运行),输入: npm confi ...
1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点
目录前言一.vue 简介: 1.npm简介 2.cnpm 简介二.设置node的全局和缓存路径手动创建node.js的全局和缓存路径目录 Windows命令行配置node.js的全局和缓存路径 ...

vue 安装使用vconsole

vue 安装使用vconsole相关推荐

最新文章

热门文章