随笔分类 -  svelte

基于 inertia-go + Svelte 的简单示例
摘要：基于 inertia-go + Svelte 的简单示例 这个示例实现一个基础的 "欢迎页面 + 计数器" 功能，包含后端 Go 服务（inertia-go）和前端 Svelte 页面，完整流程如下： 一、项目结构 inertia-svelte-demo/ ├── go.mod ├── go.sum 阅读全文
posted @ 2026-04-11 21:20 卓能文 阅读(2) 评论(0) 推荐(0)
svelte marked shiki示例
摘要：pnpm create vite cd demo pnpm install tailwindcss @tailwindcss/vite -D pnpm i @tailwindcss/typography @tailwindcss/forms -D pnpm i daisyui -D vite.con 阅读全文
posted @ 2025-03-06 23:51 卓能文 阅读(72) 评论(0) 推荐(0)
sveltekit mdsx示例
摘要：pnpx sv create选择tailwindcss mdsx.config.js: import { defineConfig } from 'mdsx'; import { rehypeCustomHighlight } from '@mdsx/rehype-custom-highlighte 阅读全文
posted @ 2025-03-06 20:37 卓能文 阅读(47) 评论(0) 推荐(0)
svelte-markdown示例
摘要：pnpm create vite pnpm up pnpm i pnpm i @humanspeak/svelte-markdown pnpm dev 修改App.svelte: <script lang="ts"> import SvelteMarkdown from "@humanspeak/s 阅读全文
posted @ 2025-03-06 15:08 卓能文 阅读(60) 评论(0) 推荐(0)
svelte5-router 示例
摘要：<script lang="ts"> import { type Route, route, Router} from "@mateothegreat/svelte5-router"; import Home from "./pages/Home.svelte"; import Products f 阅读全文
posted @ 2025-03-03 15:26 卓能文 阅读(118) 评论(0) 推荐(0)
Sveltekit调用OpenAI生成内容(ai sdk)
摘要：src/routes/api/completion/+server.ts: import { createOpenAI } from '@ai-sdk/openai'; import { streamText } from 'ai'; import type { RequestHandler } f 阅读全文
posted @ 2025-02-16 11:56 卓能文 阅读(134) 评论(0) 推荐(0)
Sveltekit调用OpenAI生成内容
摘要：创建工程 pnpx sv create demo cd demo pnpm i openai 安装openai cd demo pnpm i openai 设置.env OPENAI_API_KEY="sk-xxxx" OPENAI_BASE_URL="https://api.fe8.cn/v1" 阅读全文
posted @ 2025-02-14 13:23 卓能文 阅读(24) 评论(0) 推荐(0)
SvelteKit 连接微信支付
摘要：SvelteKit 连接微信支付通常需要以下步骤： 前端部分 创建支付按钮：在 SvelteKit 的页面或组件中，创建一个按钮用于触发微信支付。例如在 src/routes/+page.svelte 中： <script> import { onMount } from 'svelte'; let 阅读全文
posted @ 2025-01-19 20:13 卓能文 阅读(88) 评论(0) 推荐(0)
svelte 5 按照条件设置样式
摘要：设置style <script lang="ts"> let count: number = $state(0); const decrement = () => { count -= 1; }; const increment = () => { count += 1; }; </script> 阅读全文
posted @ 2025-01-16 20:38 卓能文 阅读(33) 评论(0) 推荐(0)