私たちは、VueのVueのプロジェクトは、足場VUE-CLIを使用するために使用されます書きます
すぐにプロジェクトテンプレートのVUEを生成するために使用される足場のVUE-cliの公式、;
事前定義されたディレクトリ構造と基礎となるコード、我々はMavenプロジェクトは、スケルトンプロジェクトを作成することができます作成したときのように、このプロジェクトは、足場の骨格であります私たちの開発は、より急速です。
その主な機能は以下のとおりです。
- 統一されたディレクトリ構造
- ローカルデバッグ
- ホット・デプロイ
- ユニットテスト
- 統合されたオンラインのパッケージ
私たちは、プロジェクトに必要なのVue環境を構築します:
Node.js : http://nodejs.cn/download/
安装就无脑下一步就好,安装在自己的环境目录下
確認し、インストールが成功したことをnodejs:
- 入力ノード-v CMDダウンこの番号を正しく公表をすることができ印刷できるかどうかを確認するために!
- NPM-vがこの番号を正しく公表をすることができ印刷できるかどうかを確認するためにダウンcmdを入力してください!
このNPMは、パッケージ管理ツールで、Linuxでaptとソフトウェアがほとんどインストール!
淘宝ミラーが設置Node.jsの促進剤(cnpm)
この方法では、その後、はるかに高速ダウンロード -
# -g 就是全局安装
npm install cnpm -g
# 或使用如下语句解决 npm 速度慢的问题
npm install --registry=https://registry.npm.taobao.org
#查看cnpm的版本
cnpm -v
インストールVUE-CLI
cnpm install vue-cli -g
# 测试是否安装成功
# 查看可以基于哪些模板创建 vue 应用程序,通常我们选择 webpack
vue list
我々は使用することができますvue ui
Vueのプロジェクトを作成するために、Vueのビジュアルインターフェイスを入力するコマンドを
これまでのところ、我々は終了Vueのプロジェクトを作成しました!