再vue中使用Vuetify 建立app專案

椰子灰發表於2024-09-16

vue:2

Vuetify :2

與vue建立普通專案相同:https://www.cnblogs.com/yansans/p/18342267

vscode開啟專案,在專案終端中執行

vue add vuetify@2

之後會出現,選擇預設即可(回車)

幾個選項的解釋:

1. Vuetify 2 - Configure Vue CLI (advanced)
解釋:這是一個高階選項,允許你對專案進行更深入的自定義配置。它會讓你手動選擇 Vue CLI 的一些特性(例如是否使用 TypeScript、Linting、Router、Vuex 等),並且你可以根據自己的需求對 Vuetify 的配置進行更多的定製。
適合人群:適合那些對 Vue 和 Vuetify 比較熟悉的開發者,或者需要在專案中進行復雜配置的使用者。
建議:如果你是初學者或者不需要複雜的配置,可以跳過這個選項,選擇推薦的選項。
2. Vuetify 2 - Vue CLI (recommended)
解釋:這是 推薦的配置選項,適合大多數開發者使用。它會自動為你配置好最常用的設定,包括整合 Vue Router、Babel 等預設配置,同時會幫你引入 Vuetify 2 的所有依賴和基本的主題。
適合人群:適合絕大多數使用者,特別是那些不需要做複雜配置或者剛開始使用 Vuetify 的開發者。
建議:推薦選擇這個選項,因為它簡化了安裝和配置過程,且足夠滿足大部分專案需求。
3. Vuetify 2 - Prototype (rapid development)
解釋:這個選項適合快速原型開發。它提供最小的專案配置,幫助你快速建立介面原型,而不考慮專案的長期可維護性。它的配置較為簡單,可以快速進行介面佈局和展示,但不適合生產環境。
適合人群:適合那些只需要快速生成一個原型或者設計稿的開發者,不需要關注程式碼結構、效能最佳化等問題。
建議:如果你只是想快速測試或建立一個專案的 UI 原型,可以選擇這個選項,但不建議用於正式的開發專案。
4. Vuetify 3 - Vite (preview)
解釋:這是一個基於 Vite 構建工具的 Vuetify 3 版本,Vite 是一個更快的前端構建工具。這個選項提供了 Vuetify 3 的預覽版,意味著它可能還不太穩定,適合嚐鮮體驗。
適合人群:適合那些想嘗試最新 Vuetify 3 特性並且瞭解 Vite 構建工具的開發者。
建議:不建議選擇這個選項,除非你特別想嘗試最新的 Vuetify 3 和 Vite 結合開發。它可能存在一些不穩定的功能。
5. Vuetify 3 - Vue CLI (preview)
解釋:這是基於 Vue CLI 的 Vuetify 3 預覽版,適合想要體驗最新 Vuetify 3 功能的開發者。和前一個選項不同的是,它使用的是 Vue CLI 而不是 Vite。
適合人群:適合那些對 Vue CLI 熟悉,並且想嘗試最新 Vuetify 3 預覽功能的使用者。
建議:不建議選擇這個選項,除非你明確需要 Vuetify 3 功能,並且可以應對一些可能的功能缺失或不穩定問題。

建立並Vuetify 匯入完成

啟動方式不變

相關文章