1.まず、vueが提供する足場を使用してフロントエンドプロジェクトを記述したいので、このマシンに最初にnode.jsをインストールすることをお勧めします。
バイドゥ、公式サイトにアクセスしてダウンロード
ダウンロードが完了したら、[次へ]をクリックし続けます。インストールが完了したら、node -vおよびnpm -vを実行します。バージョン番号が正常に表示されれば、インストールは成功しています。
Vueを初めて学習するときは、最初にコード学習用の小さなプロジェクトを作成できます
手順:npm inti-> npm install vue --save // --saveは、vueが現在のプロジェクトにダウンロードされることを意味します
この時点で、vueの小さなプロジェクトがダウンロードされました
2. webpackツールをダウンロードします(静的モジュールパッカー、モジュール式es6モジュールをサポート)
webpackの機能は、すべてのモジュールをフロントエンドにパッケージ化し、JSファイルを出力して、このJSファイルを導入することです。プロジェクト管理
npm i [email protected] -g // -gは--global download globalを意味します
バージョン番号が表示されれば、インストールは成功です
3. vue-cli scaffolding(作成者は開発環境のほとんどを構成するのに役立ちます。環境を構築せずに直接開発できます)
vue_cliをダウンロード:https ://cli.vuejs.org/zh/
ダウンロード後、vue -Vを使用してインストールが成功したかどうかを確認します
古いバージョン(バージョン2)を使用する場合は、再度ダウンロードする必要があります
3.1 vue-cliプロジェクトを作成する
vue init <テンプレート> <プロジェクト名>
テンプレート:3.1.1 webpack-simpleは単にwebpackテンプレートを構成します。
3.1.2 Webpack公式バージョン
しばらく待った後、プロジェクトの初期化が完了するまで!が表示され、成功を意味します
3.2スタートアッププロジェクト実行開始するには、次の2行のコマンドを実行します。
ブラウザでhttp:// localhost:8080を開きます