#web-apps #setting-up #applications #client-side #tailwind #cli #rendered

app create-leptos-csr

一个用于设置具有 TailwindCSS 的客户端 Leptos Web 应用的 CLI 工具

1 个不稳定版本

0.2.2 2023 年 12 月 25 日
0.2.1 2023 年 12 月 25 日
0.2.0 2023 年 12 月 25 日

Web 编程 中排名 #1601

MIT 许可证

12KB
102

create-leptos-csr

使用一条命令生成客户端渲染的 Leptos 应用程序。

mesa

入门指南

使用以下命令全局安装 create-leptos-csr

cargo install create-leptos-csr-tw

此命令安装必要的二进制文件,使其可以从您的命令行访问。

要启动新的 Leptos 项目,请运行

create-leptos-csr-tw

模板功能

  • TailwindCSS 用于样式
  • /public 服务器上的图像内容,trunk 识别
  • 移动视口配置
  • 一个用于部署路由的 可选 vercel 配置文件
  • Leptos-use,Leptos 工具集
  • 最新的 crate 依赖项

我为什么制作这个

创建一个客户端渲染的 Leptos 应用程序通常需要从头开始,涉及多个步骤和潜在的障碍。

类似于

cargo init <project>
cargo add leptos --features=csr,nightly
cd <project>
touch index.html
... # more work here
touch input.css
npx tailwindcss init
... # setting up your tailwind...
mkdir public
(modify `index.html`)
... # adding the same boilerplate to your index.html
trunk serve --open

这个 crate 的目标是在设置 Leptos 应用程序时减少初学者可能会遇到的所有麻烦。对于经验丰富的开发者,这个 crate 通过设置必要的东西来节省您的时间。

如果您是初学者,这是一个很好的起点,因为您可以在阅读 Leptos 书籍 的同时使用这个模板。

近期更新

  • 将 wasm-bindgen 更新到 0.2.89
  • app.rs 中删除了大量样板代码
  • 重构项目以扩展更多模板

贡献

欢迎并非常感谢贡献。我很想看到使用不同样式库或部署服务的其他模板。

依赖项

约 8–22MB
约 356K SLoC