Vue 项目中全局去掉 console

在 Vue 项目中全局去掉 console 输出，可以采用以下几种方法：
1. 使用 Babel 插件
可以使用 babel-plugin-transform-remove-console 这样的插件来自动移除 console 调用。这个插件可以在构建时移除所有的 console 方法调用，从而不需要手动去注释或删除它们。
首先安装插件：

$ npm install babel-plugin-transform-remove-console --save-dev

接着配置 .babelrc 或 babel.config.js 文件

// .babelrc
{
  "plugins": ["transform-remove-console"]
}

或者对于 babel.config.js:

module.exports = {
  plugins: ['transform-remove-console']
};

如果你想要更细粒度地控制哪些 console 方法被移除，可以配置插件选项：

{
  "plugins": [
    ["transform-remove-console", {
      "exclude": ["error", "warn"]
    }]
  ]
}

这样只有 console.log, console.info 等会被移除，而 console.error 和 console.warn 将保留下来。
2. 使用 Webpack 插件
如果你的项目使用了 Webpack，可以利用 TerserPlugin 插件来移除 console 调用。这通常用于生产环境的构建中。
首先安装 TerserPlugin：

$ npm install terser-webpack-plugin --save-dev

然后在 webpack.config.js 中配置它：

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  // ...
  optimization: {
    minimizer: [new TerserPlugin({
      terserOptions: {
        compress: {
          drop_console: true, // 移除 console 调用
          pure_funcs: ['console.log'] // 移除 console.log
        }
      }
    })]
  }
};

3. 环境变量检查

在应用启动时检查环境变量，如果是生产环境则替换 console 对象的行为：

if (process.env.NODE_ENV === 'production') {
  console.log = function() {}; // 或者其他你想要的行为
}

这种方法简单直接，但不如上述两种方法自动化和细粒度控制。
选择最适合你的项目的方法来全局移除 console 调用。如果项目已经使用了 Babel 和 Webpack，那么第一种和第二种方法会更加自动化且易于维护。