Vue實戰Vue-cli項目構建(Vue+webpack系列之一)


用Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起——vue-cli.

由於是Vue+webpack這里就不贅述git那些東西,默認環境都配置好了。

第一步先建立一個文件夾我這里是apronew;

第二步在文件夾里面打開git bash,然后敲命令行npm install --global vue-cli,全局安裝 vue-cli,如果已經全局安裝可不用再裝一次;

第三步: 第二步成功之后,創建一個基於 webpack 模板的新項目敲命令行: vue init webpack test-vue-cli

 當完成第三步,進入到新init的文件夾此時是這樣的

 

第四步:安裝依賴包,用命令行npm install(這里推薦用cnpm淘寶鏡像,比較快)

安裝過程是這樣的

安裝成功是這樣的

此時就可以進行最后一步跑起來啦;

第五步:npm run dev;(至於為什么是run dev 以及這個命令行敲完干了些什么日后再補上)

如果有依賴沒安裝上,這一步會有報錯,繼續安裝一下響應的依賴就行了;出現以下狀態就表示大功告成啦!

 

用Vue 腳手架構建項目結束!

 


免責聲明!

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



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