Chrome デベロッパーツール で Vue のタブが出ないときの対処方法

結論

vue.js を読み込みましょう。

<script src="vue.js"></script>

だめだったこと

• CDN（もちろんだめ）
• vue.min.js を読み込んで Vue.config.devtools = true; を書き加えた
  • この場合、拡張機能のアイコンをクリックした際に「Vue のタブをさっそく見てみましょう」的なメッセージ（以下のような）が出てくるが、実際には Vue のタブは出てこない

You are probably using Vue from CDN, and probably using a production build (dist/vue.min.js). Either replace it with a dev build (dist/vue.js) or add Vue.config.devtools = true to the main js file.