title: Qwik 简介
id: 8477a14e-2b1a-4830-a479-e3c44f5421eb
date: 2023-12-24 20:52:00
auther: lvzy
cover: /upload/qwik.webp
excerpt: Qwik快速开始 Qwik可以称之为新一代的前端ssr利器。相对于传统的Nuxt、Next等框架，他的性能以及复杂度可以说是最顶级。 翻译自官网： Qwik 是一种新型 Web 框架，可以提供任何大小或复杂程度的即时加载 Web 应用程序。您的网站和应用程序可以使用大约 1kb 的 JS 启动（无论
permalink: /archives/1703422321628
categories:

• qian-duan
  tags:

• ssr

Qwik快速开始

Qwik可以称之为新一代的前端ssr利器。相对于传统的Nuxt、Next等框架，他的性能以及复杂度可以说是最顶级。

翻译自官网：

Qwik 是一种新型 Web 框架，可以提供任何大小或复杂程度的即时加载 Web 应用程序。您的网站和应用程序可以使用大约 1kb 的 JS 启动（无论应用程序复杂程度如何），并大规模实现一致的性能。

Getting Started Qwikly

Qwik 是一种新型框架，它是可恢复的（没有急迫的 JS 执行，也没有水合），专为边缘而构建，熟悉JSX、TSX开发的同学能很快上手。

前置条件

• Nodejs >= v16.8
• 一个你熟悉的IDE

使用cli创建项目

使用Qwik CLI生成一个空白项目，方便熟悉Qwik的开发方式。

在shell中使用CLI创建项目。支持npm、yarn、pnpm以及bun。

npm create qwik@latest
pnpm create qwik@latest
yarn create qwik
bun create qwik@latest

CLI 会引导你通过交互式菜单设置项目名称，选择其中一个启动项，并询问你是否要安装依赖项。有关生成文件的更多信息，请参阅项目结构文档。

npm start
pnpm start
yarn start
bun start