最近在用vue寫(xiě)項(xiàng)目,里面遇到了許多大大小小的坑,今天就把這些坑給總結(jié)一下。
首先是他的vue-cli腳手架:
vue-cli是通過(guò)命令來(lái)構(gòu)建項(xiàng)目的夏醉,首先必須保證自己安裝和配置nodejs通過(guò)命令行輸入node -v出來(lái)版本號(hào)就說(shuō)明安裝配置成功了
然后再配置npm,npm -v出來(lái)版本號(hào)就是成功了
通過(guò)指向淘寶鏡像來(lái)安裝cnpm涌韩,
npm install cnpm -g --registry=https://registry.npm.taobao.org
然后cnpm出來(lái)版本號(hào)即安裝成功
下面就是配置vue-cli的配置:
首先全局安裝vue畔柔,執(zhí)行命令cnpm install vue-cli -g進(jìn)行全局安裝
安裝完成之后輸入vue -V會(huì)出來(lái)一個(gè)版本號(hào)即安裝成功
然后找一個(gè)自己項(xiàng)目的文件夾通過(guò)cd命令切進(jìn)去,或者直接在地址欄輸入cmd直接打
開(kāi)輸入命令vue init webpack “webpack”這個(gè)是自己所命名的文件夾的名稱(chēng)然后下面會(huì)出
來(lái)一些配置信息除了第一個(gè)是yes其他的全部都是no然后一直到最后一步這個(gè)項(xiàng)目就算是
生成了通過(guò)cd切入到這個(gè)文件夾執(zhí)行cnpm install 來(lái)安裝下載package.json中的依賴模
塊臣樱,安裝完成后會(huì)在文件夾生成node-module文件夾來(lái)存放安裝的依賴文件靶擦,當(dāng)文件下載
安裝完成最后就是啟動(dòng)項(xiàng)目,通過(guò)執(zhí)行npm run dev來(lái)啟動(dòng)項(xiàng)目雇毫。
這樣一個(gè)vue的項(xiàng)目就成功配置成功了玄捕。