项目怎么安装quasar/app-vite

安装 Quasar CLI：

npm install -g @quasar/cli

创建一个新的 Quasar 项目：

quasar create my-app --branch next
cd my-app

使用 Vite 作为开发服务器：

quasar upgrade
quasar dev -m vite

现在你可以开始开发你的 Quasar 应用程序了，使用 Vite 作为开发服务器，而不是默认的 Webpack。

相关问题

tsconfig.json出现报错File @quasar/app-vite/tsconfig-preset not found是怎么回事

这个错误可能是因为在 `tsconfig.json` 文件中使用了 `@quasar/app-vite/tsconfig-preset`，但是该文件不存在。你可以尝试以下几个步骤来解决该问题：

1. 确认 `tsconfig-preset.json` 文件是否存在于 `@quasar/app-vite` 中，并且文件名是否正确。
2. 如果文件确实存在，请确保该文件在正确的位置。你可以尝试通过绝对路径或相对路径来访问该文件。
3. 如果文件存在，但是仍然出现错误，请尝试清除缓存并重新安装依赖项，可能存在与依赖项相关的问题。你可以使用以下命令清除缓存并重新安装依赖项：

   rm -rf node_modules
   npm cache clean --force
   npm install

如果以上步骤都不起作用，请提供更多的上下文信息，这样我才能更好地帮助你解决该问题。

<template v-slot:body-cell-DOC_UNSIGNED="props"> <q-td :props="props"> <q-btn label="UNSIGNED">{{ props.row.DOC_UNSIGNED }}</q-btn> </q-td> </template> <template v-slot:body-cell-DOC_SIGNED="props"> <q-td :props="props"> <q-btn label="SIGNED">{{ props.row.DOC_SIGNED }}</q-btn> </q-td> </template> 在step < 30的情况下，不显示DOC_UNSIGNED和DOC_SIGNED这两列

这段代码看起来是使用了 Quasar Framework 的表格组件，其中使用了插槽（slot）来自定义表格的各个部分。如果在 step < 30 的情况下不想显示 DOC_UNSIGNED 和 DOC_SIGNED 这两列，可以考虑使用条件渲染来实现。例如，可以在模板中使用 v-if 指令来判断是否要渲染这两列，示例代码如下：

<template v-if="step >= 30" v-slot:body-cell-DOC_UNSIGNED="props">
  <q-td :props="props">
    <q-btn label="UNSIGNED">{{ props.row.DOC_UNSIGNED }}</q-btn>
  </q-td>
</template>
<template v-if="step >= 30" v-slot:body-cell-DOC_SIGNED="props">
  <q-td :props="props">
    <q-btn label="SIGNED">{{ props.row.DOC_SIGNED }}</q-btn>
  </q-td>
</template>

这样在 step < 30 的情况下，这两列就不会被渲染出来。