1. Tutorials
  2. Vue.js

Disable ESLint no-console In Development

December 15, 2019
Unexpected console statement (no-console), Enable console.log

Edit .eslintrc.js in your project directory.

module.exports = {
  ...
  // add your custom rules here
  'rules': {
    'no-console': process.env.NODE_ENV === 'production' ? 2 : 0
  }
}

Note: process.env.NODE_ENV is defined in Vue.js Webpack Template.

You can selective enable console.log

// eslint-disable-next-line no-console
console.log('hello');

or

console.log('hello'); // eslint-disable-line no-console

or

// eslint-disable no-console
console.log('hello');
console.log('world');
// eslint-enable no-console
❤️ Is this article helpful?
Buy me a coffee☕ or support my work to keep this space 🖖 and ad-free.
If you can't, do send some 💖 to @d_luaz or help to share this article.
👶 Apps I built
Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.
Pixtory App (Alpha) - easily organize photos on your phone into a blog.
暖心芽 (WIP) 🌞❤️🌱 - reminder of hope, warmth, thoughts and feelings (or just quotes).
LuaPass - offline password manager
By Desmond Lua
A dream boy who enjoys making apps, travelling and gardening. Follow me on @d_luaz.
This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.