前言
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項目還是比較簡單的,但是搭建的過程中,可能會遇見各種問題,所以看見報錯不要慌,定位問題再去解決他就可以了。