ホームページ  >  記事  >  ウェブフロントエンド  >  vue 足場のインストール手順

vue 足場のインストール手順

藏色散人
藏色散人オリジナル
2021-09-02 14:16:3541302ブラウズ

vue スキャフォールディングのインストール手順: 1. ノード環境をインストールします; 2. 「npm install -g vue-cli」を通じて vue-cli スキャフォールディングをインストールします; 3. プロンプトに従ってプラグインのインストールを選択します; 4. プロジェクトの依存関係をインストールします; 5 、「npm run dev」を実行します。

vue 足場のインストール手順

この記事の動作環境: Windows7 システム、vue/cli バージョン 3.12.1、DELL G3 コンピューター。

vue Scaffolding のインストール手順

インストール前に、ノード環境がインストールされているかどうかを確認し、インストールされている場合は次の vue-cli をインストールします。最初にノード環境をインストールします。

vue 足場のインストール手順

vue-cli スキャフォールディングをインストールします。インストール コードは: npm install -g vue-cli です。ここで選択するのはグローバル インストールです。インストール後、プロジェクトを作成します。

vue 足場のインストール手順

次に、プロンプトに従ってプラグインをインストールするかどうかを選択します。インストールされている場合は「はい」を選択し、インストールされていない場合は「いいえ」を選択します。選択が完了しました。

vue 足場のインストール手順

#その後、 cd でプロジェクト ディレクトリに切り替え、プロジェクトの依存関係をインストールします。プロジェクトの依存関係のインストール コードは次のとおりです: npm install

vue 足場のインストール手順

依存関係のインストールが完了すると、基本的にスキャフォールディングがインストールされますので、プロジェクトにどのようなファイルがあるかを見てみましょう。

vue 足場のインストール手順

すべての前準備が完了すると、vue-cli の足場が完成し、次にプロジェクトを開始します。コードは次のとおりです: npm run dev

vue 足場のインストール手順

スキャフォールディングが実行された後、デフォルトでポート 8080 が開きます。システムが自動的にこの Web ページにジャンプする場合、それは足場の設置が完了したら、足場にプロジェクトを埋めていきます。

vue 足場のインストール手順

注意

vue-cli はデフォルトでいくつかのプラグインをインストールしますが、これらのプラグインを選択してインストールできます

初心者には直接使用することをお勧めします スキャフォールディング、純粋な vue プロジェクトを作成しないでください

関連する推奨事項: "

vue.js チュートリアル" "最新の 5 つの vue.js ビデオ チュートリアル セレクション

以上がvue 足場のインストール手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。