vue-devtools
前提
この拡張機能で、chromeがlocalファイルアクセスできるようにしておく。
https://gyazo.com/3301f9c3d3d17a5554d77dd38cd1bd02]
componentsの階層がわかりやすい。propsとかも。
vuexとかはまだ使ってないけど、確認に便利そう。あと、productonモードだと表示されないのか。
あとは、codeのdebugで便利なツールがあればよい。
$ npm run dev
でcheckする以外に基本的なtoolsがあれば、
個別のpanels
componennt, veux, event, routing, performanceなどがある。
component
https://gyazo.com/0b498825f0c4b91754e23f449f62bf5e]
mutation, state, gettersなども表示される。 実行したActionに対して?(ちょっと、まだ reactiveなデータモデルが分かってない)
https://gyazo.com/bc80a73aa0955896f853f4f5c786a891