从 Svelte + Vite
开始一个项目。
从一个组件出发，用更贴近 HTML 的方式写交互。
什么时候选它？
这是 Vite 的 Svelte 客户端模板，适合学习 Svelte 组件或搭建单页交互工具。它不等于 SvelteKit，不包含 SvelteKit 的文件路由和服务端功能。
先准备开发环境
使用满足当前 Vite 要求的 Node.js 版本。该模板会配置 Svelte 编译和开发服务器。
在新的项目父目录中打开终端，逐条运行命令。初始化向导出现问题时，以终端中的实际提示为准。
创建、安装、运行
下面使用 npm 与 TypeScript 模板。其他包管理器可以在首页生成器切换；Yarn 命令以支持 dlx 的现代版本为前提。
终端命令
npm create vite@latest my-app -- --template svelte-ts
cd my-app
npm install
npm run dev跑起来之后，先改哪里？
打开 src/App.svelte，修改组件并观察热更新。需要服务端渲染和文件路由时，请到 Svelte 官方文档了解 SvelteKit。
什么时候考虑其他方案？
如果团队已经熟悉 Vue 单文件组件，可以对照 Vue + Vite 的起点，比较实际开发习惯后再选。
看看另一个起点