怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack？

用Vue比較長(zhǎng)一段時(shí)間了，大大小小做了一些項(xiàng)目，最近想總結(jié)一下知識(shí)點(diǎn)，出一個(gè)Vue+webpack系列，先從項(xiàng)目構(gòu)建說(shuō)起——vue-cli.

由于是Vue+webpack這里就不贅述git那些東西，默認(rèn)環(huán)境都配置好了。

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

第二步在文件夾里面打開git bash，然后敲命令行npm install –global vue-cli，全局安裝 vue-cli，如果已經(jīng)全局安裝可不用再裝一次；

第三步： 第二步成功之后，創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目敲命令行： vue init webpack test-vue-cli

當(dāng)完成第三步，進(jìn)入到新init的文件夾此時(shí)是這樣的

第四步：安裝依賴包，用命令行npm install（這里推薦用cnpm淘寶鏡像，比較快）

安裝過程是這樣的

安裝成功是這樣的

此時(shí)就可以進(jìn)行最后一步跑起來(lái)啦；

第五步：npm run dev;(至于為什么是run dev 以及這個(gè)命令行敲完干了些什么日后再補(bǔ)上)

如果有依賴沒安裝上，這一步會(huì)有報(bào)錯(cuò)，繼續(xù)安裝一下響應(yīng)的依賴就行了；出現(xiàn)以下狀態(tài)就表示大功告成啦！

用Vue 腳手架構(gòu)建項(xiàng)目結(jié)束！