LoginSignup
0

More than 1 year has passed since last update.

posted at

Vue CLIでdebuggerを使えるようにする方法

あらすじ

開発にdebuggerを使う人が少ないせいか、
ESLintでdebuggerを許可する方法がなかなか見つからず
長い間泣きながら開発をしていた問題をやっと解決したので、
簡潔に記録しておきます。

1. 全てのファイルで使えるようにする方法

ルートフォルダ直下に作成されているpackage.json"rules"の内容に追記する。

package.json
"rules": {
  "no-debugger": 0
}

2. 特定のファイルで使えるようにする方法

.jsファイルであればファイルの一番上に、
.vueファイルであればscriptタグ内の一番上にコメントを追記する。

/* eslint-disable no-debugger */

補足

console.log()を使えるようにする方法

debuggerだけでなくconsole.log()も使えなくなる人がいるそうです。
その場合、上記のno-debuggerの部分をno-consoleに変えて、
同じように設定することで解決できます。

警告を残す方法

0ではなく1を指定すると、コンパイル時にエラーではなく警告が発生するようになるそうです。
無視することに慣れてしまうような警告を出す意味があるのかは疑問ですが、活用したい方はどうぞ。

Special Thanks

Why I can't use debugger or console.log on my Vue app - Stack Overflow
たった一行!!Vue CLIでconsole.logを有効化する方法 - Qiita

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
0