应用扩展

应用扩展是一种轻松注入具有各种依赖项、启动文件、模板和自定义逻辑的复杂(或简单)库的方法。 他们可以扩展webpack、quasar.conf.js,将外部UI组件紧密耦合到核心,甚至可以通过Quasar CLI注册新命令。 它们可以与quasar dev一起运行,并且可以完全访问当前的实时ctx(上下文)。

开发模式从字面上打开了闸门,使Quasar成为现有的最可扩展且功能强大的框架之一, 现在仅受您的想象力和创新限制。 此页面将向您介绍应用扩展的用法。

WARNING

应用扩展是专门且仅为Quasar CLI设计的。 这意味着您将无法安装它们或在Vue CLI/UMD环境中运行它们。

应用扩展可以做什么?

  1. 使用新命令增强CLI行为
  2. 制作Quasar UI插件
  3. 安装随附的应用程序
  4. 创建并共享自定义组件
  5. 创建并共享添加到框架或其他应用程序的功能
  6. 构建、启动和控制API服务器
  7. 挂钩、组合和扩展Quasar核心组件
  8. 动态更改Quasar环境之外的值修改代码
  9. 创建和管理平台特定接口的抽象
  10. … 还有更多

应用扩展取代了创建自定义入门工具包的需要。 您在官方入门套件之上添加的所有内容都可以以应用扩展的形式出现。 这也消除了使非官方入门套件与官方套件保持最新的维护开销,因此,我们可以确保每个开发人员始终都能获得最新、最出色的开箱即用的Quasar规格。

应用扩展ext-id

所有应用扩展必须在其名称前加上quasar-app-extension-。 该前缀之后的所有内容均被视为其简短别名。 在整个文档中,我们将其称为ext-id

例子:

  • quasar-app-extension-awesomeness的ext-id是awesomeness
  • @some-npm-org/quasar-app-extension-awesomeness的ext-id是@some-npm-org/awesomeness

此命名方案的好处之一是,在搜索Quasar应用扩展的npm软件包时,其变得容易发现:应用扩展-发现.。

应用扩展剖析

可以安装,执行和卸载应用扩展。 以下指南以抽象的方式对此进行了讨论。 有关单个扩展及其使用方式的详细信息,请查阅其各自的存储库。

安装应用扩展

$ quasar ext add <ext-id>

此命令将找到并安装扩展的模块。 安装完成后,可能会出现一个或多个提示,要求您进行选择或添加扩展所需的信息。 安装结束后,您将返回命令行。

列出已安装的应用扩展

有几种方法可以“发现”已安装的应用扩展

$ quasar ext
$ quasar info
$ cat quasar.extensions.json

“运行”应用扩展

没有一种方法可以运行应用程序扩展,因为其中一些甚至可能没有任何代码可以运行(即仅仅是将模板文件复制到项目中的特定文件夹中),而其他扩展程序可能仅仅是安装助手,而其他人可能选择添加 对Quasar CLI的新命令。

尽管如此,每一个应用扩展都会在quasar devquasar build期间初始化。

更新应用扩展

您可能需要更新您的扩展,这是使用与安装相同的命令完成的:

$ quasar ext add <ext-id>

WARNING

重新安装扩展可能会覆盖您已更改的文件。 系统将为您提供覆盖检测到的文件的选项。

删除应用扩展

您可以通过运行此命令来将应用扩展从Quasar CLI中解除挂钩。 但是,取决于作者和扩展本身,您可能必须手动清理文件。

$ quasar ext remove <ext-id>

官方应用扩展列表

查阅发现应用扩展页面.