只需两个简单的步骤,您就能在几分钟内使用 Quasar 的 CLI 创建一个完整的 Vue 应用,该应用采用最先进的最佳实践构建,并使用 Quasar 自带的强大 UI 库。
提示
如果您是更高级的 Vue 开发人员,我们建议您从选择 Quasar 的各种版本开始。
先决条件
确保您的机器上安装了 Node >=14(或任何更新的 **LTS Node.js 版本**)和 NPM v6+ 或 Yarn v1(经典版)或 PNPM v8+。请不要使用任何奇数版本的 Node,因为这些版本被视为 实验性的。
步骤 1:创建项目
输入以下命令
$ yarn create quasar
当 create
或 init
命令运行时,会提示您一些选项。根据您的需求,您可以选择 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 开始,并且请务必不要错过应用程序扩展。