文章目的
有時候我們在開發小型專案時,檔案量不多僅僅只是想要使用 vue serve 和 vue build 的功能,不需要特地使用 Vue Cli 的情況下,就可以利用快速開發原型達到目的,此文章將紀錄如何快速建立原型。
建立全域相關安裝
想要建立原型開發,需要先在 command line 中輸入 npm install -g @vue/cli-service-global,做全域安裝。
記得此方法僅適用於快速原型開發。
利用 vue 檔開發專案
我們將開發程式碼寫寫在我們的 vue 檔內,例如創造一個 index.vue 並將程式碼寫入,記得 js 部分要用 export default 載入。
接著我們就可以在 command line 輸入 vue serve index.vue 來觀看我們的專案網頁(開發中)。
輸入 vue build index.vue 就可以將其打包成 dist 檔。