用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 腳手架構建項目結束!