我們為什麼選擇Vue開發下一代Dashboard呢？

當我們要製作一個網站時，選擇使用什麼技術就像是在蓋房子時挑選的建材與工具，我們不可能用紙板蓋好一棟大樓，開發網站同樣需要穩固的基礎與可靠的技術選擇。我們常聽到的React、Vue、Angular等前端框架就是一個很好的建材，即使使用者感受不到明顯差異，這些框架卻大幅提升了開發效率與網站的可維護性，所有你在網頁上看到的介面都透過前端框架統一了規範，使得程式碼有個基礎的架構。那麼我們為什麼選用Vue作為下一代Dashboard呢？接下來我們會告訴你更多原因。

沒有框架的開發世界

早期開發網頁，我們大多使用純HTML、CSS和JavaScript來建構網站，雖然這種方式能夠完成基本的需求，但隨著網站功能變得越來越複雜，我們開始發現了幾個問題：

1. 程式碼越寫越亂，難以維護

   所有畫面邏輯、DOM操作和資料處理都混在一起，當功能一多，任何的小改動都可能牽一髮而動全身，容易出錯。

2. 開發效率低，重複工作多

   沒有統一元件的概念，一個按鈕、一個表單欄位都可能要反覆寫好幾次，沒有可重用的結構。

3. 團隊合作困難，沒有明確規範

   沒有框架的約束，每位開發者可能都有自己的一套寫法，導致團隊開發時風格不一致，未來難以交接。

前端框架的誕生

隨著網站畫面越來越精美、功能越來越複雜，前端開發不再只是做一個會動的畫面就好了，而是要處理大量資料互動、、元件重用與團隊協作。為了提升效率、維護性與開發品質，前端框架就這樣誕生了，像是替建築工人打造出一整套標準化的施工流程與模組化工具。

常見的三大前端框架比較

在評估以上幾個面向後，我們選擇了Vue作為下一代Dashboard的開發框架，原因很簡單：

1. 快速上手，開發體驗好

   不論是新手還是資深開發者都能快速理解並參與開發。

2. 社群穩定、資源豐富

   Vue擁有完整的文件，並有像Pinia、Vue Router、Vite等官方工具可無縫整合，也能搭配眾多 UI 元件庫與圖表工具。

3. 適合模組化、可擴充的架構需求

   Vue的元件化設計讓我們能以積木方式建構每一個介面區塊，讓整個Dashboard更容易維護與擴充。

4. 可搭配Cloudflare Workers打造更現代化的架構

   Vue搭配Vite作為建置工具，可以非常輕量地產出靜態資源，這使得我們可以將前端直接部署到Cloudflare Workers上，不需要傳統伺服器，我們就能將網站部署到世界各地的節點上，讓使用者不論在哪裡，都能快速載入。

   

我們選擇Vue不僅因為它具備簡潔直觀的語法和優秀的開發體驗，更因為它有一個活躍且穩定的社群支持，讓我們可以在遇到問題時能快速找到解決方法，最重要的是，Vue能夠完美搭配現代化的架構，如Cloudflare Workers幫助我們將前端部署到全球邊緣節點，提升使用者的載入速度與體驗，這在當今快節奏的網路環境下，是非常關鍵的競爭力。

鯊客科技選用Vue作為前端的開發框架，搭配Cloudflare Workers快速部署後台Dashboard，這不只是技術上的決策，更是對未來發展的一種投資，歡迎與鯊客科技洽詢更多相關訊息！