摘要

什么是 Svelte?
Svelte 是一个构建 web 应用程序的工具。

Svelte 与诸如 ReactVueJavaScript 框架类似,都怀揣着一颗让构建交互式用户界面变得更容易的心。

但是有一个关键的区别:

Svelte 在 构建/编译阶段 将你的应用程序转换为理想的 JavaScript 应用,而不是在 运行阶段 解释应用程序的代码。这意味着你不需要为框架所消耗的性能付出成本,并且在应用程序首次加载时没有额外损失。

你可以使用 Svelte 构建整个应用程序,也可以逐步将其融合到现有的代码中。你还可以将组件作为独立的包(package)交付到任何地方,并且不会有传统框架所带来的额外开销。

极简语法

image.png

image.png

构建Svelte项目

要求Node.js环境。

使用pnpm进行构建,如果你还没安装pnpm,请使用以下命令安装。

npm install -g pnpm

如果你已经安装了pnpm,请使用下方命令构建一个 Svelte 项目

pnpm create svelte@latest myapp

image.png

最后一只往下回车就行,最后按要求执行这几个命令:

image.png

其实只需要执行1、2、4

执行完,就会在你本地端口开启一个HTTP服务:

image.png

如上图所示,在浏览器访问:http://localhost:5173/

相当于项目正式跑起来了!

image.png

开发

image.png

中文入门教程:https://www.svelte.cn/tutorial/basics
中文API文档:https://www.svelte.cn/docs
在线实例代码:https://www.svelte.cn/examples#hello-world

本文作者

TANKING


TANKING
4.8k 声望508 粉丝

热爱分享,热爱创作,热爱研究。