只需兩個簡單的步驟,在幾分鐘內,您就可以開始使用功能齊全的 Vue 應用程式,該應用程式透過 Quasar 的 CLI 以最先進的最佳實踐構建,並準備好使用 Quasar 自己的強大 UI 函式庫。
提示
如果您是更進階的 Vue 開發人員,我們邀請您從決定所有 Quasar 風格開始。
先決條件
請確保您的機器上已安裝 Node >=14 (或任何更新的 LTS Node.js 版本) 和 NPM v6+ 或 Yarn v1 (classic) 或 PNPM v8+。請不要使用任何奇數版本的 Node,因為這些版本被視為實驗性版本。
步驟 1:建立專案
輸入以下命令
$ yarn create quasar
當 create
或 init
命令執行時,系統會提示您一些選項。根據您的需求,您可以選擇 CLI 類型(Vite 或 Webpack),並且可以新增諸如 TypeScript 支援或不同的 CSS 預處理器之類的功能。如果您不確定任何選項,只需採用預設值(按 Enter 鍵),一切就緒。如果您願意,可以稍後更改選項,但 CLI 類型除外。
選用 - 安裝全域 CLI
為了使用 Quasar 執行更多操作,您也應該安裝全域 CLI。有了它,您可以直接在終端機中執行 Quasar 命令、執行用於測試的本機 http 伺服器或對您的專案進行升級。
$ yarn global add @quasar/cli
步驟 2:開始開發
對於第二個也是最後一個步驟,請導覽至新建立的專案資料夾,然後執行 Quasar CLI 命令以啟動開發伺服器。
$ cd <project_folder_name>
# then run:
# if you have the global CLI:
$ quasar dev
# otherwise:
$ yarn quasar dev # or: npx quasar dev
您將看到開發伺服器編譯您的新應用程式,一旦完成,您的新應用程式應該會在您的瀏覽器中開啟。就這樣!您現在可以使用您最喜歡的 IDE/程式碼編輯器開發您的應用程式了。
接下來呢?
如果您是 Quasar 的新手,並且是...
(Vue 初學者) JavaScript 開發人員 - 我們強烈建議學習 Vue。
中階 Vue 開發人員 - 我們建議您熟悉Quasar 的目錄結構及其不同的建置模式,從 SSR 開始(您建置的專案是一個 SPA)。
進階 Vue 開發人員 - 您可能希望在 Quasar 自己的 CLI 之外的不同情境中使用 Quasar,然後查看不同的Quasar 風格。或者,如果您希望堅持使用 Quasar CLI,請查看不同的建置模式,從 SSR 開始,並請務必不要錯過App Extensions。