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.5.11+) :
$ npm install -g @vue/cli
如果您尚未使用 @vue/cli创建项目,然后使用以下命令进行操作。请确保您已从屏幕上显示的Vue CLI功能列表提示中选中了Babel。
# 当被问及时,请确保选择Vue 3:
$ vue create my-app
添加Vue CLI Quasar插件
导航到新创建的项目文件夹并添加cli插件。 在安装之前,如果您希望以后还原它们,请确保提交当前更改。
WARNING
Vue CLI的跨平台支持由社区插件处理。 这些与Quasar没有紧密集成为Quasar CLI,可能存在问题。
$ cd my-app
$ vue add quasar
CLI想要询问您是否希望插件替换某些现有文件。 建议您这样做,以便快速开发应用程序。
您的Vue配置(在package.json或vue.config.js文件中,取决于您在创建vue应用程序时选择的内容)也希望包含具有一些基本Quasar配置的quasar
对象。