摘要
什么是 Svelte?Svelte
是一个构建 web 应用程序的工具。
Svelte
与诸如 React
和 Vue
等 JavaScript
框架类似,都怀揣着一颗让构建交互式用户界面变得更容易的心。
但是有一个关键的区别:
Svelte
在 构建/编译阶段 将你的应用程序转换为理想的 JavaScript
应用,而不是在 运行阶段 解释应用程序的代码。这意味着你不需要为框架所消耗的性能付出成本,并且在应用程序首次加载时没有额外损失。
你可以使用 Svelte
构建整个应用程序,也可以逐步将其融合到现有的代码中。你还可以将组件作为独立的包(package)交付到任何地方,并且不会有传统框架所带来的额外开销。
极简语法
构建Svelte项目
要求Node.js环境。
使用pnpm进行构建,如果你还没安装pnpm,请使用以下命令安装。
npm install -g pnpm
如果你已经安装了pnpm,请使用下方命令构建一个 Svelte
项目
pnpm create svelte@latest myapp
最后一只往下回车就行,最后按要求执行这几个命令:
其实只需要执行1、2、4
执行完,就会在你本地端口开启一个HTTP服务:
如上图所示,在浏览器访问:http://localhost:5173/
相当于项目正式跑起来了!
开发
中文入门教程:https://www.svelte.cn/tutorial/basics
中文API文档:https://www.svelte.cn/docs
在线实例代码:https://www.svelte.cn/examples#hello-world
本文作者
TANKING
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。