项目中安装vconsole

本文主要介绍如何在 nuxt 和 vue 安装 vconsole

参考文档 :
nuxt.js引入第三方插件、 nuxt.js插件API 文档

一 、nuxt 项目中安装vconsole：

1、npm install vconsole
2、创建 plugins/vconsole.js 文件，内容如下：

import VConsole from 'vconsole'
const  vConsole = new VConsole();
export default vConsole

3、在 nuxt.config.js 内配置 plugins 如下：

plugins: [
   { src: "~/plugins/vconsole", ssr: false }
],

将重复引用的第三方模块添加到vendor,因此我们更新 nuxt.config.js 为：

build: {
   vendor: ['~/plugins/vconsole']
},
plugins: [
   { src: "~/plugins/vconsole", ssr: false }
],

二 、vue 项目中安装vconsole：

1、npm install vconsole
2、在main.js文件中

import  VConsole  from  'vconsole'
const  vConsole = new VConsole() //注意