使用Vue框架編寫前端頁(yè)面步驟
1.安裝vue-cli腳手架工具
打開命令行并巍,輸入指令 npm install -g vue-cli
安裝成功后,可以查看版本號(hào)vue --version,如果看到那么說(shuō)明安裝成功
2.項(xiàng)目的搭建
在命令符中進(jìn)入創(chuàng)建項(xiàng)目的目錄下,輸入vue init weback 項(xiàng)目名稱
創(chuàng)建完成后,頁(yè)面上就會(huì)出現(xiàn)下面的內(nèi)容
上面的填寫的內(nèi)容或選項(xiàng)可以考慮實(shí)際情況而定
3.最后項(xiàng)目搭建完畢后烫罩,用webstorm打開項(xiàng)目,在終端用 npm run dev運(yùn)行洽故,運(yùn)行成功后會(huì)跳出localhost:8080的網(wǎng)頁(yè)嗡髓,點(diǎn)擊就可以查看詳細(xì)內(nèi)容