{"type":"rich","description":"\u2160. \u306f\u3058\u3081\u306b \u30bf\u30a4\u30c8\u30eb\u306e\u901a\u308a\u300cVue.js + webpack \u3067 helloworld \u3059\u308b\u300d\u65b9\u6cd5\u3067\u3059\u3002 \u2161. \u3084\u308a\u65b9 1. vue-cli\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb $ npm install -g vue-cli 2. Vue.js + webpack \u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f7f\u3063\u3066\u521d\u671f\u5316\u3059\u308b $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev 3. \u5b9f\u884c\u7d50\u679c 4. my-project/src/components/Hello.vue \u3092\u7de8\u96c6\u3059\u308b data () { return { msg: 'hellow\u2026","blog_title":"\u5099\u5fd8\u9332","author_name":"kagasu","categories":["Vue.js","JavaScript","webpack"],"url":"https://kagasu.hatenablog.com/entry/2017/07/24/082405","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kagasu/20170724/20170724082119.png","width":"100%","title":"Vue.js + webpack \u3067 helloworld \u3059\u308b","height":"190","published":"2017-07-24 08:24:05","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/kagasu/","blog_url":"https://kagasu.hatenablog.com/","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkagasu.hatenablog.com%2Fentry%2F2017%2F07%2F24%2F082405\" title=\"Vue.js + webpack \u3067 helloworld \u3059\u308b - \u5099\u5fd8\u9332\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","version":"1.0"}