VConsole的使用和环境区分展示

1.使用cdn方式引入

这里(https://www.bootcdn.cn/vConsole/)列举了所有版本的js地址，可以随意选择一个版本复制引入，在public的index.html文件中的标签里加入初始化代码（在head中引入，可将所有的console都打印出来）。如下：

<script src="https://cdnjs.cloudflare.com/ajax/libs/vConsole/3.3.4/vconsole.min.js" crossorigin="anonymous">
</script>
<script>
  var vConsole = new VConsole();
</script>

根据环境变量区分环境显示：

<% if (NODE_ENV !== 'production') { %>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vConsole/3.3.4/vconsole.min.js"crossorigin="anonymous"></script>
  <script>
		var vConsole = new VConsole();
  </script>
<% } %>

2.通过es6 webpack引入

npm install vconsole
或者
cnpm install vconsole
或者
yarn add vconsole

在App.vue文件中

import VConsole from 'vconsole';
new VConsole();

根据环境变量区分环境显示：

import VConsole from 'vconsole';
if (process.env.NODE_ENV !== 'production') {
  new VConsole();
}