拖延癥無(wú)敵,,,終于用vue寫(xiě)完了todo ..終究還是邊寫(xiě)邊查最有效...不得不說(shuō)，element真的方便喔..文檔看一遍基本就可上手，vue的話，emmm，感覺(jué)需要學(xué)的還要很多...
先用vue-cli創(chuàng)建項(xiàng)目，確保自己電腦安裝了node，然后全局安裝webpack，使用命令npm install webpack -g，或者使用cnpm，安裝會(huì)快點(diǎn)，安裝完成后輸入webpack -v，如果出現(xiàn)版本號(hào)，則安裝成功。
image.png
然后全局安裝vue-cli，使用命令cnpm install vue-cli -g，安裝成功輸入vue-cli -V，注意大寫(xiě)V，如果出現(xiàn)版本號(hào)，則安裝成功
image.png
接著用vue-cli新建一個(gè)項(xiàng)目，使用命令vue init webpack todo，然后會(huì)出現(xiàn)一些交互式的選項(xiàng)讓你選擇
image.png
接著ctrl c 結(jié)束。
接著進(jìn)入項(xiàng)目文件夾，運(yùn)行npm run dev
image.png
在瀏覽器中打開(kāi)localhost:8080會(huì)出現(xiàn)此界面
image.png
會(huì)出現(xiàn)歡迎界面，則啟動(dòng)成功，如果打不開(kāi)，說(shuō)明80端口被占用，在config下的index.js中修改端口號(hào)即可
image.png
