Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。
開始我們的vue之旅。
一、準備
安裝vue之前我們需要安裝npm包管理工具，這裡不作介紹。有兩種方式來使用vue，第一種就是像jquery那樣直接引入；第二種是使用官方的工具cli來生產vue項目。這裡我們就是使用官方的cli工具來生產項目，畢竟我們這是新項目，如果大家有舊需要改造的話就可以採用第一種方式。
二、安裝vue-cli
當我們安裝好npm後就可以使用npm命令行來安裝vue-cli，目前官方的版本是vue-cli3.0，當然我們是學習可以直接使用最新版本，其實3.0也是可以兼容舊版本的。安裝命令如下：
檢查是否安裝成功命令如下：
如果能看到版本說明安裝成功了。
三、新建一個vue項目
安裝好工具後我們就開始新建vue項目了，命令如下：
運行命令會給你三個選項如下：
因為我之前新建項目時保存了模板所以會有第一項，如果首次或者沒有保存過模板就不會有第一項，這裡我們選擇自己選擇來新建項目。
接下來就是需要我們選擇自己所需要的插件了。
我選擇如下幾項，大家可以根據自己的情況選擇：
下一步讓選擇路由模式，選擇y
選擇包管理為主，我存在通用的packge.json中
下面就是問你是否將剛剛的選擇生產模板下次直接使用模板生產
到這裡配置就完了等待安裝完成即可。
四、運行vue項目
Vue-cli3.0的好處就是不用自己手動安裝所有包了，之前是需要自己手動安裝所有包的。現在只需要切換到根目錄下運行一下命令即可運行vue項目了：
運行成功後需要自己在瀏覽器中輸入以下地址即可看到效果了：
運行效果如下：
項目目錄結構如下：
修改下面的文件看看效果：
五、使用vue-cli3生產2.x的項目
要使用cli2只需要新建項目的時候使用如下命令即可：
閱讀更多 土家稀哥 的文章
