Vue CLI 3 Quasar插件

WARNING

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
# 或(取决于您安装的方式)
$ yarn global remove vue-cli

按如下方式安装Vue CLI (v4+) :

$ npm install -g @vue/cli 

如果您尚未使用 @vue/cli创建项目,然后使用以下命令进行操作。请确保您已从屏幕上显示的Vue CLI功能列表提示中选中了Babel

$ vue create my-app

添加Vue CLI Quasar插件

导航到新创建的项目文件夹并添加cli插件。 在安装之前,如果您希望以后还原它们,请确保提交当前更改。

WARNING

Vue CLI的跨平台支持由社区插件处理。 这些与Quasar没有紧密集成为Quasar CLI,可能存在问题。

$ cd my-app
$ yarn add --dev vue-cli-plugin-quasar@3
$ vue invoke quasar

CLI想要询问您是否希望插件替换某些现有文件。 建议您这样做,以便快速开发应用程序。

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