使用Vue框架編寫前端頁面步驟
1.安裝vue-cli腳手架工具
- 打開命令行往扔，輸入指令 npm install -g vue-cli
- 安裝成功后萍膛，可以查看版本號(hào)vue --version卦羡，如果看到那么說明安裝成功
2.項(xiàng)目的搭建
- 在命令符中進(jìn)入創(chuàng)建項(xiàng)目的目錄下，輸入vue init weback 項(xiàng)目名稱
- 創(chuàng)建完成后瓶颠，頁面上就會(huì)出現(xiàn)下面的內(nèi)容
Project name：項(xiàng)目名稱
Project description：項(xiàng)目描述
Author：作者
Vue build：運(yùn)行時(shí)與編譯
Install vue-router?：是否安裝路由粹淋？
Use ESLint to lint your code?：是否進(jìn)行代碼檢測(cè)瑟慈？
Setup unit tests with Karma + Mocha?：是否進(jìn)行單元測(cè)試葛碧？
Setup e2e tests with Nightwatch?：是否進(jìn)行端對(duì)端測(cè)試进泼？
- 上面的填寫的內(nèi)容或選項(xiàng)可以考慮實(shí)際情況而定
3.最后項(xiàng)目搭建完畢后，用webstorm打開項(xiàng)目绞惦，在終端用 npm run dev運(yùn)行济蝉，運(yùn)行成功后會(huì)跳出localhost:8080的網(wǎng)頁王滤，點(diǎn)擊就可以查看詳細(xì)內(nèi)容
