Qwik

本指南将引导您使用 Qwik Web 框架创建 Tauri 应用程序。了解更多关于 Qwik 的信息，请访问 https://qwik.dev 。

清单

• Tauri 不支持基于服务器的解决方案。请使用 SSG。
• 在 tauri.conf.json 中将 frontendDist 设置为 dist/ 。

示例配置

1. 创建一个新的 Qwik 应用程序

   npm

   npm create qwik@latest
   cd <PROJECT>

   yarn

   yarn create qwik@latest
   cd <PROJECT>

   pnpm

   pnpm create qwik@latest
   cd <PROJECT>

   deno

   deno run -A npm:create-qwik@latest
   cd <PROJECT>

2. 安装 static adapter

   npm

   npm run qwik add static

   yarn

   yarn qwik add static

   pnpm

   pnpm qwik add static

   deno

   deno task qwik add static

3. 将 Tauri CLI 添加到您的项目中

   npm

   npm install -D @tauri-apps/cli

   yarn

   yarn add -D @tauri-apps/cli

   pnpm

   pnpm add -D @tauri-apps/cli

   deno

   deno add -D npm:@tauri-apps/cli@latest

4. 初始化一个新的 Tauri 项目

   npm

   npm run tauri init

   yarn

   yarn tauri init

   pnpm

   pnpm tauri init

   deno

   deno task tauri init

5. Tauri 配置

   npm

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "npm run dev",
       "beforeBuildCommand": "npm run build"
     }
   }

   yarn

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "yarn dev",
       "beforeBuildCommand": "yarn build"
     }
   }

   pnpm

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "pnpm dev",
       "beforeBuildCommand": "pnpm build"
     }
   }

   deno

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173",
       "frontendDist": "../dist",
       "beforeDevCommand": "deno task dev",
       "beforeBuildCommand": "deno task build"
     }
   }

6. 启动你的 tauri 应用

   npm

   npm run tauri dev

   yarn

   yarn tauri dev

   pnpm

   pnpm tauri dev

   deno

   deno task tauri dev