为什么捐赠
API 资源管理器
Vue CLI Quasar 插件

警告

Vue CLI 处于 维护模式。您应该考虑使用 Quasar CLI 开始您的工作。

警告

使用 Vue CLI 的跨平台支持由许多社区插件处理。这意味着,将 Quasar 提供的开箱即用功能组合在一起将需要您花费额外的时间和精力,无法保证最佳体验,并且您将无法访问 Quasar CLI 独有的许多功能。Quasar 也没有专门针对这些插件进行测试,因此您可能会遇到问题。但是,对于任何组件库来说,这都是有效的,除非它们明确提到已使用第三方插件测试了它们的组件。

因此,在您开始使用 Quasar 进行开发之前,我们希望您了解以下内容。为了保证您获得 Quasar 最佳的开发体验,我们强烈建议您使用 Quasar 的 CLI 并使用它构建您的项目,因为您不会错过 Vue CLI 的任何功能。您将获得 Quasar 提供的全部功能,例如完整的跨平台构建支持(但这仅仅是冰山一角),您仍然可以像使用 Vue 一样完成几乎所有您想做的事情,例如通过 Quasar 的 启动文件 使用 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 插件。在安装它之前,如果您希望稍后恢复更改,请确保提交您当前的更改。

警告

使用 Vue CLI 的跨平台支持由社区插件处理。这些插件不像 Quasar CLI 那样与 Quasar 紧密集成,并且可能存在问题。

$ cd my-app
$ vue add quasar

CLI 会询问您是否希望插件替换一些现有文件。如果您希望有一个示例,建议您这样做,以便您可以快速开发您的应用程序。

您的 Vue 配置(在 package.json 或 vue.config.js 文件中,具体取决于您在创建 Vue 应用程序时选择的内容)也将包含一个包含一些基本 Quasar 配置的 quasar 对象。