為何捐款
API 瀏覽器
Vue CLI Quasar Plugin

WARNING

Vue CLI 目前處於維護模式。您應該考慮使用 Quasar CLI 開始您的工作。

WARNING

Vue CLI 的跨平台支援是由許多社群外掛程式處理的。這表示,將 Quasar 開箱即用的功能整合在一起,將會花費您額外的時間和精力,且不保證您能獲得最佳體驗,而且您將無法使用許多只有 Quasar CLI 才有的功能。Quasar 也沒有針對這些外掛程式進行特別測試,因此您可能會遇到問題。然而,這對於任何元件庫都有效,除非它們特別提及已使用第三方外掛程式測試過其元件。

因此,在您開始使用 Quasar 進行開發之前,我們希望您了解以下內容。為了保證您在使用 Quasar 時獲得最佳的開發者體驗,我們強烈建議您使用 Quasar 的 CLI 並使用它來建構您的專案,因為您不會錯過 Vue CLI 的任何功能。您將獲得 Quasar 提供的全方位功能,例如完整的跨平台建構支援(但這只是冰山一角),而且您仍然可以執行幾乎所有您想使用 Vue 執行的操作,也就是透過 Quasar 的 Boot Files 使用 Vue 外掛程式。

若要透過 Vue CLI 外掛程式使用 Quasar,您需要確保已全域安裝 @vue/cli。為了確保您擁有正確的版本,請使用此命令

$ vue --version

如果您已安裝 Vue CLI 2.x.x.,則需要使用以下命令解除安裝

$ npm uninstall -g vue-cli
# or (depending with which you've installed it)
$ yarn global remove vue-cli

如下所示安裝 Vue CLI (v4.5.11+)

$ npm install -g @vue/cli

如果您尚未建立使用 @vue/cli 的專案,請使用以下命令執行。請務必在螢幕上出現的 Vue CLI 功能列表提示中勾選 Babel

# make sure to pick Vue 3 when asked:
$ vue create my-app

新增 Vue CLI Quasar 外掛程式

導航到新建立的專案資料夾並新增 cli 外掛程式。在安裝之前,如果您希望稍後還原變更,請務必提交目前的變更。

WARNING

Vue CLI 的跨平台支援是由社群外掛程式處理的。這些外掛程式不像 Quasar CLI 那樣與 Quasar 緊密整合,並且可能存在問題。

$ cd my-app
$ vue add quasar

CLI 將詢問您是否要讓外掛程式取代一些現有檔案。如果您希望擁有範例以便快速開發您的應用程式,建議您執行此操作。

您的 Vue 設定 (在 package.json 或 vue.config.js 檔案中,取決於您建立 vue 應用程式時的選擇) 也將包含一個 quasar 物件,其中包含一些基本的 Quasar 設定。