快速搭建 Quasar CLI

         如果你已经接触过 Vue.js，那么 Quasar 绝对是一个你不想错过的框架。Quasar 基于 Vue.js，它提供了一套完整的开发工具和 UI 组件库，帮你快速搭建高效、漂亮的应用程序。无论是做 Web 应用、移动端应用，还是 桌面应用，Quasar 都能满足你的需求，特别适合像我们这种研究生，用来快速实现一个功能齐全的项目。
        Quasar 是为了速度和效率而设计的，应用跑得快，构建过程也不慢。你可以用它开发 Web、移动端、桌面应用，甚至可以做 SSR（服务器端渲染） 和 PWA（渐进式 Web 应用）。            Quasar 提供了一堆现成的界面组件，完全不用自己从头开始设计界面。Quasar 支持多种配置方式，可以根据自己的需求调整框架。今天的文章就是带你一步步搭建一个 Quasar 项目，让你用最少的时间开始开发。

在我们开始之前，有几个小前提条件：

Node.js >=14：你得有 Node.js，最好用 LTS 版本（就是长期支持版），别用实验版。

NPM v6+ 或 Yarn v1或 PNPM v8+：你可以选择自己喜欢的包管理工具，安装了一个就行。

如果你还没有这些工具，先去装一下。安装好之后，我们就可以开始了。

准备工作完成之后，打开你的终端，输入以下命令：
 

yarn create quasar

这时，命令会引导你进入项目初始化的过程。在这一步，你会看到一些选项：

• CLI 类型：Quasar 提供了 Vite 和 Webpack 两种构建工具，你可以选择 Vite，因为它速度更快，适合大部分项目。
• TypeScript 支持：如果你熟悉 TypeScript，可以选择启用，否则就不选。
• CSS 预处理器：如果你喜欢使用 Sass、SCSS 或其他 CSS 预处理器，也可以选择启用。

如果你对这些选项不太了解，直接按 Enter 键选择默认的设置就行了。别担心，后续你可以随时修改这些配置，唯一不能修改的是 CLI 类型，这个只能在创建时决定。
 

如果想更方便地管理 Quasar 项目，可以安装全局 CLI，这样你就可以在任何地方通过命令行执行 Quasar 相关操作了。

运行以下命令：
 

yarn global add @quasar/cli

安装好之后，你就可以用 quasar 命令启动开发服务器，或者进行一些项目管理操作。

创建好项目之后，进入项目文件夹，启动开发服务器：
 

cd <项目文件夹名称>

接着运行以下命令：

如果已经安装了全局 CLI，可以直接运行：

quasar dev

如果没有安装全局 CLI，那么用下面的命令：

yarn quasar dev
# 或者
npx quasar dev

命令执行完后，Quasar 会开始构建你的应用，编译完成后它会自动在浏览器中打开项目页面。你就可以开始在浏览器里看到自己的项目效果啦。