{"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/b/bel_h/20240605/20240605180018.png","title":"vite\u3067vue3\u3092npm create\u3059\u308b\u969b\u306e\u30e1\u30e2","author_name":"bel_h","author_url":"https://blog.hatena.ne.jp/bel_h/","categories":[],"width":"100%","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","height":"190","description":"\u30bf\u30a4\u30c8\u30eb\u901a\u308a\u3002npm install\u3067\u306f\u306a\u304fnpm create\u3067\u4f5c\u6210\u3059\u308b\u3068\u30a6\u30a3\u30b6\u30fc\u30c9\u5f62\u5f0f\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u3001\u6700\u521d\u304b\u3089vue-router(SPA)\u3084pinia(\u72b6\u614b\u7ba1\u7406\u3001vuex\u306e\u5f8c\u7d99)\u3092\u516c\u5f0f\u63a8\u5968\u306e\u5f62\u3067\u5165\u308c\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u3002 \u624b\u9806\u3092\u5fd8\u308c\u305d\u3046\u306a\u306e\u3067\u30e1\u30e2\u3002 \u524d\u63d0\u74b0\u5883 WSL2 \u2192 ubuntu \u624b\u9806 1. create vite npm create vite@latest > npx > create-vite \u2714 Project name: \u2026 app npm create vite@latest\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d\u3092\u805e\u304b\u308c\u308b\u306e\u3067\u5165\u529b\u3002\uff08\u4e0a\u8a18\u4f8b\u306f\"app\"\uff09 \u6307\u5b9a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d\u3067\u2026","version":"1.0","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbelhb.hateblo.jp%2Fentry%2F2024%2F06%2F05%2F184457\" title=\"vite\u3067vue3\u3092npm create\u3059\u308b\u969b\u306e\u30e1\u30e2 - \u81ea\u5206\u7528\u3081\u3082\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://belhb.hateblo.jp/","published":"2024-06-05 18:44:57","url":"https://belhb.hateblo.jp/entry/2024/06/05/184457","blog_title":"\u81ea\u5206\u7528\u3081\u3082"}