vue-cli腳手架快速搭建項目

前言

vue-cli 是一個官方發佈 vue.js 項目腳手架，使用 vue-cli 能夠快速建立 vue 項目。

 

準備工做

在搭建一個vue項目以前，須要先安裝好node.js和cnpm。

雖然npm也是可使用的，可是npm安裝會比較慢，進而致使網絡問題安裝失敗，因此推薦使用cnpm進行安裝；（附上cnpm全局安裝代碼）

npm install cnpm -g --registry=https://registry.npm.taobao.org

這裏還須要提一句，node版本需更新在6以上，不然安裝過程會報錯。

 

開始搭建

1）全局安裝vue-cli；命令行執行cnpm install -g vue-cli；出現如下安裝進程說明項目安裝正常，能夠正式建立項目了。

2）vue-cli安裝成功後，cd進入存放項目的文件夾下，若是是直接在預先準備好的文件夾下建立的，就能夠省去cd這一步；而後執行vue init webpack，就會出現一些項目相關的信息須要選擇配置，按需填寫便可；

信息配置完之後，文件夾下會生成文件目錄，見下圖：

3）執行npm install，安裝依賴；

4）安裝依賴成功，執行npm run dev啓動項目；

啓動成功，瀏覽器打開localhost:8082就能夠打開項目啦~

到這一個簡單的vue項目就搭建好了，能夠根據本身的需求去構建頁面和內容啦。

 

最後的話

總的來講，使用vue-cli搭建一個vue項目仍是比較簡單的，可是搭建的過程當中，可能會碰見各類問題，因此看見報錯不要慌，定位問題再去解決他就能夠了。