Vueのを構築するための最初のプロジェクト

私たちは、VueのVueのプロジェクトは、足場VUE-CLIを使用するために使用されます書きます

すぐにプロジェクトテンプレートのVUEを生成するために使用される足場のVUE-cliの公式、;
事前定義されたディレクトリ構造と基礎となるコード、我々はMavenプロジェクトは、スケルトンプロジェクトを作成することができます作成したときのように、このプロジェクトは、足場の骨格であります私たちの開発は、より急速です。

その主な機能は以下のとおりです。

  1. 統一されたディレクトリ構造
  2. ローカルデバッグ
  3. ホット・デプロイ
  4. ユニットテスト
  5. 統合されたオンラインのパッケージ

私たちは、プロジェクトに必要なのVue環境を構築します:

Node.js : http://nodejs.cn/download/
安装就无脑下一步就好,安装在自己的环境目录下

確認し、インストールが成功したことをnodejs:

  1. 入力ノード-v CMDダウンこの番号を正しく公表をすることができ印刷できるかどうかを確認するために!
  2. 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 uiVueのプロジェクトを作成するために、Vueのビジュアルインターフェイスを入力するコマンドを

ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

これまでのところ、我々は終了Vueのプロジェクトを作成しました!

公開された53元の記事 ウォンの賞賛0 ビュー1942

おすすめ

転載: blog.csdn.net/XXuan_/article/details/104888355