Vue.js を Windows に直接インストールする

Windows で Vue.js 開発環境を設定するためのガイド。 背景については、Vue.js の 概要を参照してください。

Vue は、Windows または Windows Subsystem for Linux (WSL) に直接インストールできます。 Node.js バックエンドと対話する場合、Linux サーバーにデプロイする場合、または Bash コマンドを使用するチュートリアルに従う場合は、代わりに WSL に Vue をインストール することを検討してください。

[前提条件]

• Windows に Node.js をインストールする: これには、バージョン マネージャー、パッケージ マネージャー、Visual Studio Code が含まれます。

Vue プロジェクトを作成する

新しい Vue 3 プロジェクトを開始するには、 npm create vue@latestすることをお勧めします。この方法では、公式の Vite ベースのスキャフォールディング ツールである create-vue を使用します。

1. PowerShell または Windows コマンド プロンプトを開きます。

2. プロジェクト ディレクトリに移動します。

   cd C:\Users\YourName\Projects
   

3. 新しい Vue プロジェクトを作成します。

   npm create vue@latest
   

   インストーラーによって、プロジェクトに名前を付け、オプションの機能 (TypeScript、JSX サポート、Vue ルーター、Pinia 状態管理、Vitest、ESLint) を選択するように求められます。

4. プロジェクト フォルダーに移動し、依存関係をインストールして、開発サーバーを起動します。

   cd <your-project-name>
   npm install
   npm run dev
   

   アプリは http://localhost:5173で利用できるようになります。

その他のリソース

• Vue ドキュメント
• Vue.js の概要
• WSL に Vue.js をインストールする
• Vue.jsラーニング パスを使用して最初の手順を実行する
• VS Code を使用した Vue チュートリアル