首页 > 其他分享 >再vue中使用Vuetify 创建app项目

再vue中使用Vuetify 创建app项目

时间:2024-09-16 09:02:17浏览次数:1  
标签:选项 vue CLI app 适合 Vue Vuetify Vite

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 导入完成

启动方式不变

标签:选项,vue,CLI,app,适合,Vue,Vuetify,Vite
From: https://www.cnblogs.com/yansans/p/18415943

相关文章

  • 基于Java+Springboot+Vue开发的鲜牛奶订购管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的鲜牛奶订购管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜牛奶订购管理系统项目,大学生可以在实践中学习和提......
  • 基于Java+Springboot+Vue开发的健身房管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的健身房管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的健身房管理系统项目,大学生可以在实践中学习和提升自己的......
  • 基于Java+Springboot+Vue开发的酒店客房预订管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的酒店客房预订管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的酒店客房管理系统项目,大学生可以在实践中学习和提......
  • 基于Java+Springboot+Vue开发的婚恋交友网站管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的婚恋交友网站管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的婚恋交友管理系统项目,大学生可以在实践中学习和提......
  • 基于Java+Springboot+Vue开发的网上商城管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的网上商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的网上商城管理系统项目,大学生可以在实践中学习和提升自......
  • 基于Java+Springboot+Vue开发的医院门诊预约挂号系统
    项目简介该项目是基于Java+Springboot+Vue开发的医院门诊预约挂号系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的门诊预约挂号管理系统项目,大学生可以在实践中学习......
  • 基于Java+Springboot+Vue开发的家具管理系统
    项目简介该项目是基于Java+Springboot+Vue开发的家具管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的家具管理系统项目,大学生可以在实践中学习和提升自己的能力......
  • 基于PHP的考研真题资料互助交流平台vue.js【开题实训报告源码论文】
      博主介绍:......
  • 基于PHP的网上订餐平台系统vue.js【开题实训报告源码论文】
      博主介绍:......
  • 【webpack4系列】设计可维护的webpack4.x+vue构建配置(终极篇)
    构建配置包设计构建配置管理的可选方案:通过多个配置文件管理不同环境的构建,webpack--config参数进行控制将构建配置设计成一个库,比如:xxx-webpack抽成一个工具进行管理,比如:create-vue-app将所有的配置放在一个文件,通过--env参数控制分支选择通过多个配置文件管理不同......