0%

如何快速開發建立原型

文章目的

有時候我們在開發小型專案時,檔案量不多僅僅只是想要使用 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 檔。


參考資料

六角學院課程–Vue 出一個電商網站
官方文件