通過JS引用vue就不說了，重點說一下使用npm搭建vue腳手架. （以下是windows系統下的操作，win7+）

　　　　npm是個命令行工具，在搭建vue腳手架之前首先要安裝nodeJS，下面是node的下載地址：

　　　　https://nodejs.org/en/

　　　　左邊的8.11.3是我寫博文這個時候的最穩定版本， 生產環境請下載這個，實驗學習階段隨意。右邊是當前最新版本。

　　　　下載下來以後常規安裝即可。

　　　　http://doc.vue-js.com/v2/guide/installation.html

　　　　根據這裏的vue安裝介紹，我們開始搭建vue腳手架了！

　　　　安裝最新穩定版vue $ npm install vue，如已安裝再次執行的時候則是更新操作，如下圖，我安裝過了所以提示更新了：

　　　　（補一句，對於不寫node僅是為了構建vue項目的我們來說，目前我們用不上node的那個命令框，安裝node也只是為了一個npm命令的環境，安裝vue的時候在dos裏敲命令即可）

　　　　安裝完成以後執行 vue --version 可以查看當前vue的版本。

　　　　shell操作如下所示，全局安裝vue-cli，接著創建一個基於webpack模板的新項目，cd的要存放的文件目錄以後執行安裝，最後運行即可。

　　　 dos不動的時候，回車輸y，表示安裝附帶的一些插件（也可以選n，後面需要時再安裝，建議選y）

　　　　dos下面不動了基本就表示安裝完成。

　　　　註意一下啊，上面還有一句cd my-project，意思是要先cd到項目跟目錄，在執行npm run dev 運行項目，執行完以後會這樣：

　　　　瀏覽器打開後如圖：

　　　　（註意哈，上面的dos別關閉，這個時候關閉了項目就停止運行了！）

　　　　以上，我們就完成了vue項目的腳手架的搭建。

　　　　生成的目錄結構是這樣的。關於vue的更多講解，未完待續.......

vue入門（一）