Vue.jsの環境構築：nodejs+npm+webpack

公式マニュアル:http://cn.vuejs.org/v2/guide/installation.html
インストールnode:http://nodejs.cn/
nodeとnpmをアップグレードして新しいバージョンに注意して、後からダウンロードするテンプレートプロジェクトを走り始めます。

npm -g install [email protected]
npm -v

npmは遅いかもしれません。タオバオnpmのミラーをインストールします。https://npm.taobao.org/を選択し、npmの代わりにcnpmを使用します。

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

グローバルインストールvue-cli足場ツール

cnpm install -g vue-cli

webpackテンプレートに基づくプロジェクトを作成します。

vue init webpack my-first-vue-project

名前の説明の作成者、その他のモジュールnを入力します。

cd my-first-vue-project

初期化したダウンロードしたばかりのテンプレートの依存(package.jsonでの構成のdevDependencies)をインストールします。

cnpm install

node_に依存して作成し、インストールします。modulesディレクトリはnodeでserverを作成して創建したばかりのプロジェクトを走り始めます。http://localhost:8080/（package.jsonでの配置のscripts->dev）

npm run dev

srcディレクトリの下で具体的なプロジェクトの開発を行い、熱更新を行い、保存後に自動更新します。
npm run buildコマンドは包装（梱包ツールwebpackを通じて*.vueを*.）、*.css、*.js（new Vue（...）））を実行し、distフォルダを作成します。ファイルには包装後のリソースが含まれています。

npm run build

Webpackとは何ですか？WebPackはモジュールパッキングマシンとして見られます。それはあなたのプロジェクト構造を分析して、JavaScriptモジュールと他のブラウザが直接実行できない拡張言語（Scess、TypeScriptなど）を見つけて、ブラウザで使うためにloaderで包装します。
http://vue-loader.vuejs.org/zh-cn/