Vueのビルド足場(VUE-CLI)とVueのプロジェクトを作成します

Node.jsのをインストールします。1.

Vueの足場は、Node.jsのに依存しており、あまりにノードならば、最初にインストールする必要はありませんNode.jsの公式ウェブサイトをにインストールするためには。

インストールが完了したら、我々は、インストールが成功したことを示す、この出版物を表示することができれば、ビューのNode.jsとNPMのバージョンにノード-vとNPM -vを入力し、CMDウィンドウを開きます。

 

 2.淘宝網のミラーを取り付け--cnpm

ノードのダウンロードので、サードパーティの依存関係は、海外のサーバーからダウンロードしていない壁が、しかし、ダウンロード速度が非常に遅く、例外があるかもしれませんされています。

そのため、効率を向上させるために、我々は、ミラー元NPM淘宝網のミラー元を置き換えることができます。

ASLインストール-g cnpm --registry = HTTPS://registry.npm.taobao.org

インストールが成功した場合、インストールが完了したら、cnpm -vと入力し、cnpmは、現在のバージョンを表示することができ、リリースノートを表示することができます。

完了すると、あなたはcnpmコマンドの代わりに、NPMコマンドを使用することができます。

 

 3.建設足場インストールツールのVUE-CLI

 グローバルコマンドラインインストール:

cnpm -g VUE-CLIをインストール

インストールが完了したら、バージョン番号を表示し成功した場合は、説明が正常にインストールされたバージョンを表示するには、大文字VのノートVUEの-VをVUE -Vを入力します。

 

新しいプロジェクトを作成しますVUE 4

フォルダにCDでVUE-cliの成功をインストールした後は、VUE-CLIプロジェクトを作成し実行するために、コマンドプロンプトウィンドウでプロジェクトを配置します:

VUEのinitのWebPACKでmyproject

どこで「myprojectには、」あなたが取るプロジェクトのプロジェクト名です。

その後、プロンプトは、設定を初期化してインストールします。

 次のようにインストールが完了すると

 この時点で、あなたはVUEのMyProjectのプロジェクトに新しいフォルダを作成し、次の新しいプロジェクト内のファイル構造です。

 

5.プロジェクトを実行し

プロジェクトを実行するには、プロジェクトに依存している必要があり、

依存インストールするには、次のコマンドを使用します。

インストールcnpm

次のようにインストールが完了しています:

 最後に、あなたはプロジェクトを実行することができます:

NPM実行DEV

 启动成功后,在浏览器中打开地址:http://localhost:8080,就可以看到我们的搭建好的Vue项目了。

 

 

 

おすすめ

転載: www.cnblogs.com/zzh0318/p/11979397.html
おすすめ