Posted at
Vue.js #3Day 11

Vue.jsの単一コンポーネントを気軽に試すにはcodesandboxが最高に良い

More than 1 year has passed since last update.

Vue.jsの2017年アドベントカレンダーとても盛り上がってますね!

しかし、色々な記事がある中で、いちいちプロジェクトを立ち上げてコードを書きはじめたり、npm installしたり、vue initするのは面倒くさいなと思う節があります。

JSをオンラインで試すツールはいくつかありますが、実はVue.jsの公式ドキュメントに載っているツールが有るんです。

ちょっとしたコンポーネントやTipsを試すのにはすごく有用ですよ!

https://codesandbox.io/s/o29j95wx9


引用:https://jp.vuejs.org/v2/guide/single-file-components.html#サンドボックスの例



おまけに

なお、html、JS、CSSを試すのに一番いいと思っている最近のツールはJS Binです。

デベロッパーツールを開かなくともコンソールがあるのがいいとこだなと思います。

https://jsbin.com/?html,output