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

  • [アーティクル]

Windows での Vue.js 開発環境のセットアップに役立つガイドです。 詳細については、「Vue.js の概要」のページを参照してください。

Vue は、Windows または Linux 用 Windows サブシステム (WSL) に直接インストールできます。 通常、NodeJS バックエンドとの連携を計画し、Linux 実稼働サーバーでの再利用が必要な場合、または Bash コマンドを利用するチュートリアルに従うことを計画している場合は、WSL に Vue をインストールすることをお勧めします。 Vue.js の代替として Vite を検討することもできます。

前提条件

  • Windows への Node.js のインストール: これには、バージョン マネージャー、パッケージ マネージャー、Visual Studio Code が含まれます。 Node Package Manager (npm) は、Vue.js のインストールに使用されます。

Vue.js のインストール

Vue.js をインストールするには:

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

  2. 新しいプロジェクト フォルダーを作成し (mkdir VueProjects)、そのディレクトリに移動します (cd VueProjects)。

  3. Node Package Manager (npm) を使用して Vue.js をインストールします。

npm install vue

vue --version コマンドを使用して、インストールしたバージョン番号を確認します。

注意

NPM ではなく CDN を使用して Vue.js をインストールするには、Vue.js のインストールに関するドキュメントを参照してください。さまざまな Vue ビルドの説明については、Vue のドキュメントを参照してください。

Vue CLI のインストール

Vue CLI は、ターミナル/ コマンド ラインで Vue を操作するためのツールキットです。 これにより、新しいプロジェクトをすばやくスキャフォールディングしたり (vue create)、新しいアイデア をプロトタイプ化したり (vue serve)、グラフィカル ユーザー インターフェイスを使用してプロジェクトを管理したり (vue ui) することができます。 Vue CLI は、ビルドの複雑な処理の一部 (Babel や Webpack の使用など) を実行する、グローバルにインストールされる npm パッケージです。 新しいシングルページ アプリをビルドしない場合は、Vue CLI は必要ではないことがあります。

Vue CLI をインストールするには、npm を使用します。 アップグレードするには (vue upgrade --next)、次のように -g フラグを使用してグローバルにインストールする必要があります。

npm install -g @vue/cli

追加できるプラグイン (graphql を統合するためのリンティングや Apollo など) の詳細については、Vue CLI のドキュメントで Vue CLI プラグインに関するページを参照してください。

その他のリソース