[VUE] #3 開發專案 啟動流程 - antqtech/KM GitHub Wiki

在開始下指令以前,要先確定終端機有在正確的路徑位置

image

接著下指令 npm install,用以下載專案中的所有套件

image

下載完後,應該會出現這個畫面(如果沒有下載node.js,請先參考連結

image

接著下指令 npm run dev,用以開啟本地port號,來測試前端頁面

image

接著就可以在本地的3000 port來進行開發囉!

補充:

index.html->功能:根目錄,讓你app.vue渲染的內容渲染到id="app"的div上

image

router page->功能:判斷路由應該渲染出哪一個component

image

app.vue->渲染的主要component,其中所撰寫的router-view,並會渲染出router page所寫的畫面

image