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 导入完成
启动方式不变