vue2.5.2版のインストール方法

Vue.js は、開発者が再利用可能で構成可能な UI コンポーネントやシングルページ アプリケーションを構築するのに役立つ人気のフロントエンド フレームワークです。この記事では、Vue.js の最新バージョン 2.5.2 をインストールする方法について説明します。

Node.js のインストール

まず、Node.js をインストールする必要があります。 Node.js は、JavaScript を使用してコードを作成および実行できるオープン ソースのサーバーサイド JavaScript ランタイム環境です。 Node.js 公式 Web サイトから Node.js をダウンロードしてインストールできます。

NPM のインストール

NPM は Node.js に付属するパッケージ マネージャーで、ソフトウェア パッケージのインストールと管理を簡単に行うことができます。 Node.js をインストールすると、NPM が自動的にインストールされます。 Node.js をインストールした後、次のコマンドを実行して NPM が正常にインストールされたかどうかを確認できます。

npm -v

インストールが成功した場合は、NPM のバージョン番号が表示されます。

Vue.js のインストール

Node.js と NPM がインストールされたので、NPM コマンドを使用して Vue.js をインストールできます。コマンド ラインを開き、次のコマンドを実行します:

npm install -g vue@2.5.2

これにより、Vue.js のバージョン 2.5.2 がインストールされます。次のコマンドを実行して、Vue.js が正常にインストールされたかどうかを確認できます。

vue -V

インストールが成功した場合は、Vue.js のバージョン番号が表示されます。

Vue.js アプリケーションの作成

Vue.js が正常にインストールされたので、最初の Vue.js アプリケーションを作成できます。まず、新しいフォルダーを作成し、次のコマンドを使用してそのフォルダーに移動します。

mkdir myapp
cd myapp

次に、次のコマンドを使用して新しい npm プロジェクトを初期化します。

npm init -y

次に、NPM という新しい npm プロジェクトをインストールします。 「vue-cli」のパッケージ。これは、Vue.js アプリケーションのテンプレート コードを生成するのに役立つコマンド ライン ツールを提供します。

npm install -g vue-cli

これで、次のコマンド .js プロジェクトを使用して新しい Vue を作成できます。

vue init webpack .

このコマンドでは、作成するプロジェクトに関する情報の入力を求められます。 Vue.js アプリケーションのプロジェクト テンプレートが生成されるまで、プロンプトに従って情報を入力します。

Vue.js アプリケーションの実行

Vue.js アプリケーションを作成したので、それを実行してページを表示しましょう。コマンド ラインから、次のコマンドを実行して依存関係をインストールします。

npm install

次に、次のコマンドを実行してローカル サーバーを起動します。

npm run dev

ブラウザを開いて、次の URL を入力します。

http://localhost:8080/

これにより、Vue.js アプリが開き、「Vue.js アプリへようこそ」というメッセージが表示されます。

結論

この記事では、Vue.js の最新バージョン 2.5.2 をインストールし、Vue.js アプリケーション テンプレートを作成する方法を学びました。インストールには従うべき手順がいくつかありますが、それらを完了すると、より複雑なアプリケーションの構築を開始できる基本的な Vue.js アプリケーションが作成されます。

以上がvue2.5.2版のインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。