WARNING
Vue CLI 已进入维护模式。建议您使用 Quasar CLI 来开始新项目。
WARNING
Vue CLI 的跨平台支持由社区插件提供。这意味着,要拼凑出 Quasar 开箱即用的功能需要额外的时间和精力,无法保证最佳体验,而且您将无法使用一些 Quasar CLI 独有的功能。此外,Quasar 并未专门针对这些插件进行测试,因此可能会遇到问题。当然,这对任何组件库都一样,除非它们明确声明已与第三方插件进行过兼容测试。
因此,在选择使用 Vue CLI 搭配 Quasar 之前,请了解以下内容。为了给您提供最佳的开发体验,我们强烈推荐使用 Quasar CLI 来构建项目,因为 Vue CLI 有的功能它一个不少。您可以获得 Quasar 的全部功能,例如完整的跨平台构建支持(这只是冰山一角),同时也可以做到 Vue 能做的几乎所有事情,比如通过 Quasar 的 Boot Files 来使用 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 创建项目,可以使用以下命令创建。请确保在功能选择列表中勾选 Babel。
# 询问时请选择 Vue 3:
$ vue create my-app添加 Vue CLI Quasar 插件
进入新创建的项目目录并添加插件。安装前建议先提交当前的更改,以便之后需要时可以回退。
WARNING
Vue CLI 的跨平台支持由社区插件提供。这些插件与 Quasar 的集成度不如 Quasar CLI 那么紧密,可能会遇到问题。
$ cd my-app
$ vue add quasarCLI 会询问您是否要替换一些现有文件。如果您希望获得一个示例项目以便快速上手开发,建议同意替换。
您的 Vue 配置(在 package.json 或 vue.config.js 文件中,取决于您创建 Vue 应用时的选择)也会包含一个 quasar 对象,其中有一些基本的 Quasar 配置。