为什么捐赠
API 浏览器
升级指南
NEW!
创建新项目
quasar.config 配置文件
从 Webpack 项目转换
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 VueRouter 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Vite
处理 import.meta.env
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
Quasar CLI with Vite - @quasar/app-vite
创建 @quasar/app-vite 项目

环境要求:

  • Node.js v22+
  • PNPM v11+(推荐)、Yarn v1 classic、NPM 或 Bun

创建项目文件夹


# 可选,如果还没有安装:
pnpm add -g @quasar/cli

# 创建项目文件夹:
pnpm create quasar@latest

选择 App with Quasar CLI

TIP

实际上,包管理器会全局安装我们的 create-quasar 包并运行它。但不建议手动安装此包,因为你很容易与"最新"版本不同步。我们在持续推送更新!

可选参数

Usage
  [dir] [options]

  # 示例:
  my-app --template app --engine vite-3 --defaults
  --template ae --preset prompts --preset oxlint --defaults

Options
  --template, -t  要创建的项目类型:app | ae
  --overwrite, -o 如果目录已存在则覆盖
  --preset        要应用的预设(可多次使用)
                  - "app" 模板的预设:
                    typescript, sass, oxlint, eslint, i18n, pinia, fbr (基于文件名的路由)
                  - "ae" 模板的预设:
                    typescript, oxlint, prompts, install, uninstall
  --name          package.json 中的项目名称(必须是合法的 npm 包名)
  --author        package.json 中的作者名
  --no-git        不初始化 git 仓库
  --install, -i   通过包管理器调用时为布尔值(如 --install)
                  否则,指定用于自动安装的包管理器:
                    --install pnpm
                    --install yarn
                    --install npm
                    --install bun

  --engine, -e    (仅限 "app" 模板)使用的 Quasar App Local CLI
                    请注意这些并非指 Vite 的版本,
                    而是要使用的 @quasar/app-vite 版本:
                      vite-3 或 vite-2
  --product       (仅限 "app" 模板)应用的产品名称

  --defaults, -d  对剩余未指定的选项使用默认值
  --no-color      禁用彩色输出
  --help, -h      显示此帮助信息

示例:

pnpm create quasar@latest my-app --template app --engine vite-3
pnpm create quasar@latest --template ae --preset prompts --preset oxlint

使用 --defaults 选项后,脚本会对剩余未指定的选项自动填入默认值。这可以让整个过程完全无需交互确认。