为什么捐赠
API 浏览器
快速入门

只需两个简单的步骤,您就能在几分钟内使用 Quasar 的 CLI 创建一个完整的 Vue 应用,该应用采用最先进的最佳实践构建,并使用 Quasar 自带的强大 UI 库。

提示

如果您是更高级的 Vue 开发人员,我们建议您从选择 Quasar 的各种版本开始。

先决条件

确保您的机器上安装了 Node >=14(或任何更新的 **LTS Node.js 版本**)和 NPM v6+ 或 Yarn v1(经典版)或 PNPM v8+。请不要使用任何奇数版本的 Node,因为这些版本被视为 实验性的

步骤 1:创建项目

输入以下命令


$ yarn create quasar

createinit 命令运行时,会提示您一些选项。根据您的需求,您可以选择 CLI 类型(Vite 或 Webpack),并可以添加诸如 TypeScript 支持或不同的 CSS 预处理器等内容。如果您不确定任何选项,只需选择默认选项(按回车键),就可以了。您可以在以后更改选项(CLI 类型除外)。

可选 - 安装全局 CLI

要使用 Quasar 做更多操作,您还应该安装全局 CLI。有了它,您可以在终端中直接运行 Quasar 命令、运行本地 http 服务器进行测试或对项目进行升级。


$ yarn global add @quasar/cli

步骤 2:开始开发

对于第二步也是最后一步,请导航到新创建的项目文件夹,并运行 Quasar CLI 命令以启动开发服务器。

$ cd <project_folder_name>
# then run:

# if you have the global CLI:
$ quasar dev
# otherwise:
$ yarn quasar dev # or: npx quasar dev

您将看到开发服务器正在编译您的新应用程序,一旦编译完成,您的新应用程序应该会在您的浏览器中打开。就这样!您现在可以使用您最喜欢的 IDE/代码编辑器开发您的应用程序。

接下来做什么?

如果您是 Quasar 新手,并且是...

**(初学者 Vue)JavaScript 开发人员** - 我们强烈建议您学习 Vue

**中级 Vue 开发人员** - 我们建议您熟悉Quasar 的目录结构及其不同的构建模式,从 SSR 开始(您构建的项目是一个 SPA)。

**高级 Vue 开发人员** - 您可能希望在 Quasar 自带的 CLI 之外的不同场景中使用 Quasar,然后查看不同的Quasar 版本。或者,如果您希望坚持使用 Quasar CLI,请查看不同的构建模式,从 SSR 开始,并且请务必不要错过应用程序扩展