使用vue-cli搭建vue項目簡單教程

一直沒有時間來寫些東西，今天就寫寫vue腳手架吧，初建一個vue項目。

 

vue是近段時間來特別火的一個mvvm框架，小巧、簡單、易學，若是你的前端基礎還好的話，學起來挺簡單的。官網地址： https://cn.vuejs.org/  官方文檔寫的很是詳細。

好了，廢話很少說，開始！

 

我只是說一下vue-cli，因此，

一、你要先安裝一下node，從node官網上 https://nodejs.org/en/  下載安裝，安裝完畢能夠在終端上檢測一下是否安裝成功，node -v ， 出現版本號就證實安裝成功了，安裝好以後npm也就安裝成功了，能夠直接試一下npm -v,

出現版本號就ok。

二、安裝vue，npm install vue。

三、全局安裝vue-cli，npm install --globle vue-cli，腳手架安裝以後之後再建立項目就不用重複安裝了。

四、建立一個基於webpack的模板的新項目，也有其餘的模板，你們能夠百度瞭解一下，vue init webpack vue-demo。vue-demo是你項目的名稱，安裝完成會自動建立名爲vue-demo的項目。

五、切換到你的項目 cd vue-demo，安裝依賴，npm install。

六、最後一步，npm run dev！

 

 

出現這個就能夠了。

 

我寫了一個小demo，https://github.com/XiaoyingL/vue-demo ，裏面用到了vue-resource，vue-router，有須要的能夠看看，歡迎指正！