vue的安裝
Vue.js 不支持 IE8 及其以下版本,因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。
在用 Vue.js 構(gòu)建大型應(yīng)用時推薦使用 NPM 安裝, NPM 能很好地和諸如Webpack或Browserify模塊打包器配合使用。 Vue.js 也提供配套工具來開發(fā)單文件組件。

vue的安裝依賴于node.js,要確保你的計算機(jī)上已安裝過node.js??蛇M(jìn)入cmd編輯器,輸入命令 node -v進(jìn)行查看。node盡量要用新一些的版本,否則后續(xù)安裝會提示node版本過低。去node官網(wǎng)下個新版的node重新安裝就可以。如已成功安裝node會出現(xiàn)如下:

node的安裝在此就不再說明了。確定node安裝后,就可以開始vue的安裝了。這里提一下淘寶鏡像,用淘寶鏡像的cnpm來代替npm的安裝,速度會快很多。淘寶鏡像推薦網(wǎng)址:https://npm.taobao.org/。成功后同樣可查看版本:

如果使用淘寶鏡像安裝就輸入命令行 ? ?$? cnpm install -g vue-cli進(jìn)行安裝,如果沒有安裝淘寶鏡像依舊用$ npm install -g vue-cli安裝:

到此vue已經(jīng)安裝成功了。
建一個vue項目
這里我們使用vue官網(wǎng)的命令行工具。Vue.js 提供一個官方命令行工具,可用于快速搭建大型單頁應(yīng)用。該工具提供開箱即用的構(gòu)建工具配置,帶來現(xiàn)代化的前端開發(fā)流程。只需一分鐘即可啟動帶熱重載、保存時靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項目:

就下來依次執(zhí)行vue init webpack 輸入自己項目的名稱,然后進(jìn)入你建的項目文件夾,此事已經(jīng)初始化了一個vue項目,但現(xiàn)在項目還無法啟動。需要安裝相應(yīng)的腳手架工具,所以繼續(xù)執(zhí)行命令行npm install,有淘寶鏡像的使用cnpm install,安裝成功后你會發(fā)現(xiàn)項目里多了個

文件夾。就是項目啟動需要依賴的資源。然后執(zhí)行最后一句命令,啟動一個端口為8080的服務(wù),項目就可以打開。

便進(jìn)入vue的歡迎頁面,此時你就可以用vue的語法,編寫自己的vue項目了。