以前做過ionic，然後在做外掛的時候接觸過vue，後來忙著忙著就扔下了，最近在嘗試 .net core rest api，然後前端的話打算使用vue，所以接下來會對vue進行進一步學習。

什麼是vue?

　　官網是這麼說的：Vue (讀音 /vjuː/，類似於view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。

　　下面是前戲...哈哈，就是準備工作啦，詳細我就不說了，沒啥技術含量，正常安裝就行，我這邊的開發環境是 win10，之前安裝過Node.js 和 cnpm 沒有遇到什麼問題。

一、安裝node.js

http://nodejs.cn/download/

二、安裝cnpm（淘寶的npm）

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

三、安裝webpack

cnpm install webpack –g

四、安裝vue-cli

cnpm install vue-cli –g

五、建立專案

對於建立專案，大家如果百度的話，模板會有兩種webpack和webpack-simple，那如何選選擇呢？

摘抄網上的話：webpack-simple是基於[email protected]進行配置的版本，而webpack模板則是基於Webpack ^1.3.2配置的，最大的區別是webpack-simple沒有vue-router的中介軟體。

我這邊使用的是webpack模板安裝的，命令如下：

vue init webpack Y.Vue

期間會詢問你一堆問題...如果你懶就全部輸入 y 然後回車即可，如下圖：

倒數第二個和第三個是 自動化測試 和 單元測試。

最後一個可以選擇 n，因為如果使用npm安裝的話，很可能會有問題，因為要訪問外國伺服器，所以你懂得，當然瞭如果你自己有梯子那也可以。這個時候咱麼可以自己使用cnpm安裝依賴項。

cd Y.Vue
cnpm install

然後就需要等......安裝完畢，安裝完畢以後，就可以啟動專案啦

cnpm run dev

然後就會出現下圖所示，提示你訪問8080，就能看到期待已久的Vue介面啦

然後你從瀏覽器訪問http://localhost:8080/