Nuxt.jsでVueDevtoolsを使う

2019年2月10日

nuxt.jsを使っていてVueDevtoolsが使えなかったので、使えるようにする設定

拡張機能を入れても次のように出てデベロッパーツールのvueタブを選択できないというか出ない

Nuxt.js + Vue.js is detected on this page. Open DevTools and look for the Vue panel.

設定方法

nuxt.config.jsを編集する

module.exports = {
+ vue: {
+   devtools: true
+ },
  /*
  ** Headers of the page
  */
  head: {

...

vue.devtools: trueを追加すればVueDevtoolsが使えるようになる