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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM