✨実験用の小さなコードを公開するのに、jsfiddleはとても便利ですよね。 📄vueは、単一ファイルコンポーネント(SFC)の仕組みがとても気に入っています。 この2つを組み合わせたものが欲しくて、VueFiddleなるものを密かに開発を進めています。 About VueFiddle WIP vueに特化したオンラインIDE 単一ファイルコンポーネントの記述対応 templateは HTML / PUG 対応 styleは CSS / LESS 対応 scriptは javascript / TypeScript 対応 URLシェアに対応 サポートブラウザ(PC版 Chrome/Firefox) Usage 基本的には、jsfiddleと似せています。 左上のtemplate(HTML)パネルに、templateを記述し、 左下のscript(JAVASCRIPT)パネルに、scrip
![vueの単一ファイルコンポーネント用のオンラインエディタを作ってみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/60e0507685203f1bce954901d17d4f439ec46373/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9dnVlJUUzJTgxJUFFJUU1JThEJTk4JUU0JUI4JTgwJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgzJTlEJUUzJTgzJUJDJUUzJTgzJThEJUUzJTgzJUIzJUUzJTgzJTg4JUU3JTk0JUE4JUUzJTgxJUFFJUUzJTgyJUFBJUUzJTgzJUIzJUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgyJUE4JUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgyJUJGJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zNmRjMDE2MjJlZTI4MTBjZTdhNTBjNGQxOWQ4MThlMw%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBNS0dhcnUmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWIyMzNjZjlkZjIzYjkwZGQxZDA2ZTVhMmM0M2VmYTQ4%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3De121292c8e84ec83245620c70426e9ce)