Vue 環境の構築に関する簡単なチュートリアルの詳細な例

vue を使用してフロントエンド フレームワークを開発するには、まず環境を用意する必要があります。この環境にはノードの助けが必要です。そのため、最初にノードをインストールし、ノードで npm を使用して必要な依存関係などをインストールする必要があります。この記事では主に Vue 環境の構築に関する簡単なチュートリアルを紹介しますので、興味のある方は参考にしていただければ幸いです。

①nodejsをインストールします

https://nodejs.org

インストール時にnodejs,(lts)をダウンロードし、同意するをクリックして次へ進みます。

にはnpmが付属します（npmはパッケージマネージャーですが、何に使われますか？それは倉庫です、それを使用する必要がある場合は、npm install packageNameだけです）

テスト:

②cnpmをインストールします(淘宝網ミラー、)

npm install -g cnpm --registry=https://registry.npm.taobao.org

③vue-cli

Windowsコンピュータをインストールし、widnows+rを同時に押し、Enterをクリックしてコマンドラインモードに入ります。コマンドライン 指示に従って、最後に Enter をクリックします
(npm install vue-cli -g (cnpm は、淘宝イメージをインストールした後の npm に相当します)) cnpm install --global vue-cli

④webpack をインストールします

npm install webpack -g

④vue-cliインストール後に提供されるvueの手順に基づいてテンプレートプロジェクトを作成します

先生から提供されたテンプレート圧縮パッケージ（tpls.zip）を使用します

「」の下にtpls.zipをアップロードしましたInformation」をDドライブのファイル

内に保存し、新しいvue_cliを作成し、解凍した各ファイルをvue_cliにコピーします。

⑤プロジェクトに必要な依存関係をインストールします

上記のフォルダーを解凍した後、ディレクトリに入り、コマンドを実行します:

cnpm install

⑥コマンドを実行して開発サーバーを起動します

npm run dev

注:タオバオ ミラーのインストールが失敗する場合の解決策:

まずプロキシを npm config set proxy null に設定してから、タオバオ ミラーを再度インストールします

関連する推奨事項:

vueコンポーネントの親子コミュニケーションのチャットルームを例を使って詳しく解説

以上がVue 環境の構築に関する簡単なチュートリアルの詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。