部署 Qwik 项目

这篇文档将会教你如何在 Zeabur 上部署你的 Qwik (opens in a new tab) 项目。

初始化项目

首先，你需要在本地开发环境初始化一个 Qwik 项目，我们可以按照 Qwik 官方文档 (opens in a new tab) 的指示来完成这个步骤。

npm create qwik@latest

跟着指示完成初始化后，你应该会看到类似下面的结果：

💫 Let's create a Qwik app 💫
 
✔ Project name … qwik-app
✔ Select a starter › Basic
 
🦄  Success!  Project created in portfolio directory
 
🐰 Next steps:
   cd qwik-app
   npm install
   npm start
 
💬 Integration? Add Netlify, Cloudflare, Tailwind...:
   npm run qwik add
 
💬 Questions? Start the conversation at:
   https://qwik.builder.io/chat
   https://twitter.com/QwikDev
 
📺 Presentations, Podcasts and Videos:
   https://qwik.builder.io/media/

并且你会看到一个 qwik-app 的文件夹被建立在你的当前目录下。

开发

初始化完成后，你可以先切换到 qwik-app 文件夹下，并且执行 npm start 来启动开发服务器。

cd qwik-app
npm start

你应该可以看到类似下面的结果：

 VITE v3.1.1  ready in 140 ms
 
  ➜  Local:   http://localhost:5174/
  ➜  Network: use --host to expose

接下来，你可以开始修改代码来开发你的 Qwik 项目了。

安装 Adaptor 包

为了让你的 Qwik 项目可以在 Zeabur 上运行，在部署之前你需要先安装 Qwik 的 Node.js (Express) adaptor 包。

npm run qwik add express

安装完成后，你应该可以看到类似下面的结果：

🦄  Success!  Added express to your app

📚 Relevant docs:
   https://qwik.builder.io/qwikcity/adaptors/node/
   https://expressjs.com/

💬 Questions? Start the conversation at:
   https://qwik.builder.io/chat
   https://twitter.com/QwikDev