首先要明確一個問題,你搭建的vue項目的路由是給誰去做的,一種是vue里面的路由,一種是node去配置路由
但是個人通過網上查找資料,只學會第一種,后續的學習中會繼續更新第二種
說明一點,我寫的這個是整體的思路,至于細節的東西,我會發鏈接出來,大家點進去重點學習
1.首先是安裝node.js
http://www.cnblogs.com/yzadd/p/6547668.html? 這個鏈接說明的很清楚,按照這個鏈接的內容來安裝和配置就可以了
2.安裝npm,或者更新npm
由于新版的NodeJS已經集成了npm,所以之前npm也一并安裝好了。同樣可以使用cmd命令行輸入"npm -v"來測試是否成功安裝。如下圖,出現版本提示便OK了。
3.然后安裝vue-cli腳手架?
安裝vue-cli命令:npm install -g vue-cli
檢測vue-cli安裝成功
4.用vue-cli去創建一個新的項目,設置項目等相關的信息
命令:vue init webpack demo,可以根據自己的需求來進行設置里面的參數,如果不懂這里面的參數,可以參考
5.這樣的話一個vue項目就搭建起來了 ,按照依賴(記得任何在網上下載的vue的demo,都需要先安裝依賴)
命令:npm install
這里容易出現一個錯誤,安裝依賴的時候需要進到你新增的文件中,cd demo命令進入
然后在輸入npm install,就會下載相關依賴;
6.項目搭建起來之后就可以直接npm run dev的命令來啟一個項目
以上是基本的vue項目的搭建,當然一個app不可能就這么簡單就成功了,肯定是需要設計前端的項目的里面的目錄結構,另外比較重要的路由的情況
基于個人還在學習中,后續會不斷更新自己學習的內容
vue項目的改造:www.lxweimin.com/p/93dcbab5072c