qwind下載 - qwind原始碼下載

qwind

其他類別

1.0.0

下載

？快風

Qwind是一個免費的開源模板，可使用Qwik + Tailwind CSS製作您的網站。準備開始一個新項目，並根據最佳實踐進行設計。

特徵

✅ 與支援深色模式的Tailwind CSS整合。
✅ Lighthouse 和 PageSpeed Insights 報告中的生產就緒分數。
✅圖像優化和字體優化。

Qwind主題截圖

示範
入門
- 專案結構
- 命令
- 配置
- 部署
路線圖
貢獻
致謝
執照

示範

？ https://qwind.pages.dev/

入門

該項目使用 Qwik 和 QwikCity。 QwikCity 只是 Qwik 之上的一組額外工具，可以更輕鬆地建立完整站點，包括基於目錄的路由、佈局等。

專案結構

在Qwind範本中，您將看到以下資料夾和檔案：

 /
├── adaptors/
|   └── static/
|       └── vite.config.ts
├── public/
│   ├── favicon.svg
│   ├── manifest.json
│   └── robots.txt
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── global.css
│   ├── components/
│   │   ├── atoms/
│   │   ├── core/
│   │   ├── icons/
|   |   └── widgets/
|   |       ├── Hero.tsx
|   |       ├── Features.tsx
|   |       └── ...
│   ├── content/
│   |   └── blog/
│   |       ├── post-slug-1.md
│   |       ├── post-slug-2.md
│   |       └── ...
│   ├── routes/
│   |   ├── blog/
│   |   ├── index.tsx
|   |   ├── layout.tsx
|   |   ├-- service-worker.ts
│   |   └-- ...
│   ├── config.mjs
│   ├── entry.dev.tsx
│   ├── entry.preview.tsx
│   ├── entry.ssr.tsx
│   └── root.tsx
├── package.json
└── ...

src/routes ：提供基於目錄的路由，其中可以包含layout.tsx佈局檔案的層次結構，以及作為頁面的index.tsx檔案。此外， index.ts檔案是端點。請參閱路由文件以取得更多資訊。
src/components ：組件的建議目錄。
public ：任何靜態資源（例如映像）都可以放置在 public 目錄中。請參閱 Vite 公共目錄以獲取更多資訊。

經驗豐富的 qwik 專家？刪除這個檔案。更新config.mjs和內容。玩得開心！

命令

所有命令都從專案的根目錄的終端運行：

命令	行動
`npm install`	安裝依賴項
`npm run dev`	在`127.0.0.1:5173/`啟動本機開發伺服器
`npm run build`	將您的生產網站建置到`./dist/`
`npm run preview`	在部署之前在本地預覽您的構建
`npm run fmt`	使用 Prettier 設定代碼格式
`npm run lint`	運行埃斯林特
`npm run qwik ...`	執行 CLI 指令，例如`qwik add` 、 `qwik build`

配置

基本設定檔： ./src/config.mjs

 export const SITE = {
  name : "Example" ,

  origin : "https://example.com" ,
  basePathname : "/" , // Change this if you need to deploy to Github Pages, for example
  trailingSlash : true , // Generate permalinks with or without "/" at the end
} ;