WindowsでVueを始める

Vue は、ユーザー インターフェイスを構築するためのオープンソースの JavaScript フレームワークです。 Evan You によって作成され、2014 年にリリースされた Vue は、段階的に導入できるように設計されています。これは、既存のページを強化するための軽量ライブラリとして、またはシングルページ アプリケーションを構築するためのフル機能のフレームワークとして使用できます。

Vue を使用する理由

• アプローチ可能: HTML、CSS、JavaScript がわかっている場合は、Vue をすばやく選択できます。
• 汎用性: 複雑な SPA まで、ページ上の単純なウィジェットに適しています。
• パフォーマンス: バンドル サイズが小さく、効率的な仮想 DOM。
• コンポーネントベース: クリーンなテンプレート構文を使用した、コンポーザブルで再利用可能なコンポーネント。

Windows に Vue をインストールする

好みの環境を選択します。

• Windows に Vue をインストール する - Windows で直接 npm create vue@latest (Vite ベース) を使用します。
• WSL に Vue をインストール する - Linux 用 Windows サブシステムで同じツールを使用します (Linux サーバーにデプロイする場合、または Linux ツールチェーンパリティが必要な場合に推奨)。

サーバーでレンダリングされた Vue アプリをビルドする

サーバー側のレンダリングと高度なルーティングについては、 公式の Vue メタフレームワークであるNuxt.jsを参照してください。

チュートリアルと学習リソース

• vuejs.org/guide/introduction — 公式の Vue ドキュメントとクイック スタート。
• vuejs.org/tutorial — Vue の基礎をカバーする対話型のブラウザー内チュートリアルです。
• Vue.js- Microsoft Learn ラーニング パスを使用して、最初の手順を実行します 。
• VS CodeVue.js チュートリアル - Visual Studio Code で単純な Vue アプリを構築します。