ホームページ  >  記事  >  ウェブフロントエンド  >  vue-cli プロジェクトを迅速に構築するための手順

vue-cli プロジェクトを迅速に構築するための手順

不言
不言転載
2018-10-13 15:12:152895ブラウズ

この記事では、vue-cli プロジェクトを迅速に構築する手順を説明します。必要な方は参考にしていただければ幸いです。

1. まず、nodejsをインストールする必要があります(省略)。

2. ノードを使用して vue-cli をインストールします。

npm install -g vue-cli

3. プロジェクトを保存する新しいディレクトリを作成します。

webpack をパッケージ化ツールとして使用して新しい vue プロジェクトを作成し、プロジェクト名に Second

vue init webpack Second

4 を使用して 2 番目を開きます。 vueプラグインとnodejsプラグインをインストールします。

5. プロジェクトのルート ディレクトリのコマンド ラインにコンパイル コマンド

npm install
npm run dev

6 を入力します。プロジェクトはデフォルトのブラウザで自動的に開きます。

vue-cli プロジェクトを迅速に構築するための手順

7. パッケージ化するときは、実行が成功した後、コマンド

npm build

を使用します。 , プロジェクトフォルダーの下にディレクトリ /dist が生成されます。


以上がvue-cli プロジェクトを迅速に構築するための手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。