vue.js インストール チュートリアルのグラフィックとテキスト

この記事は主に、誰にとっても価値のある vue.js インストールのチュートリアルを共有します。この記事は、写真とテキストの形式で学習し、習得するのが簡単です。興味のある友人は参考にしていただければ幸いです。みんなを助けることができる。

1.nodejsをインストールし、npm環境を付属します。

アドレス: https://nodejs.org/en/download/、Node.js 履歴バージョンのダウンロード アドレス: https://nodejs.org/dist/ オペレーティング システムに合ったバージョンを選択できます。

インストールプロセスについては、インストール構成

2を参照してください。

海外リンクへの国内アクセスの速度が遅すぎるため、npm レジストリ ソースを国内ミラーに設定することをお勧めします。これにより、インストール速度が大幅に向上します。

cmd を開いて直接入力します: npm install -g cnpm –registry=https://registry.npm.taabao.org、Enter を押し、インストールを待ちます...

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

注 =後ろにスペースを入れないでください。それ以外の場合は、エラーが報告されます。

3. Express をインストールします (インストールを選択します)。

cnpm install -g express

4. Webpackをインストールします。

cnpm install -g webpack

5. vueをインストールします。

cnpm install vue

6. vue-cliをインストールします。

cnpm install -g vue-cli

7. この時点で、環境のセットアップが完了し、プロジェクトの初期化を開始できます。

cmd で cd コマンドを使用して、指定されたアドレスにジャンプします: vueinitwebpackvue-projectname。 projectname -- プロジェクト フォルダーの名前 (中国語の名前は使用できません)。この vue-projectname フォルダーは、ジャンプ先の作業ディレクトリに自動的に生成されます。

vue init webpack vue-projectname

注: インストールプロセス中に、プロジェクト名、説明、作成者などを入力する必要があります。上の図にあるものはどれですか?後ろにある答え。

8.cd をプロジェクト フォルダー d:Vuevue-test に移動し、コマンド cnpm install を実行してパッケージをインストールします。

cnmp install

9. プロジェクトが正常にインストールされたかどうかをテストします。

cnpm run dev

皆さんは習いましたか？急いで試してみてください。

関連する推奨事項:

Vue.js フレームワークとは何ですか?

Vue.js 2.5の新機能の紹介

vue.jsの構文と共通命令の詳細な説明

以上がvue.js インストール チュートリアルのグラフィックとテキストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。