自从我开始使用Hugo作为静态网站生成器来创建网站，我越来越喜欢这种在网络上发布信息的方式，而不是像我过去习惯的那样--使用动态生成页面的CMS。
Svelte是一个给我同样感觉的JavaScript框架。与React、Vue、Angular和其他框架相比，使用Svelte构建的应用程序是事先编译好的，你的网站访问者不必被提供框架和库的代码，结果是所有的体验成果都更顺畅，消耗的带宽更少，一切都感觉更快，更轻。
与Hugo一样，Svelte在部署时就消失了，它生成的是纯HTML，而你得到的只是纯JavaScript。
但让我们跳到文章的重点。如何开始使用Svelte。
你需要安装Node.js。如果你还没有安装Node.js，请看我的如何安装Node.js的帖子。
并确保它是最新的版本（如何更新Node.js）。
Node安装了 npx命令，它是运行Node命令的一种方便的方式。特别是我们要运行这个。
npx degit sveltejs/template firstapp
这将下载并运行degit命令，这又会将Svelte项目模板的最新代码下载到github.com/sveltejs/te…放到firstapp 文件夹中。
现在进入firstapp 文件夹，并运行npm install ，以下载模板的额外依赖项。在撰写本文时，这些是该项目模板的依赖项。
"npm-run-all"
"rollup"
"rollup-plugin-commonjs"
"rollup-plugin-livereload"
"rollup-plugin-node-resolve"
"rollup-plugin-svelte"
"rollup-plugin-terser"
"svelte"
正如你所看到的，它是Svelte的核心，加上Rollup（Webpack的替代品）和它的一些插件。再加上 npm-run-all，是一个CLI工具，用于并行运行多个npm脚本，或顺序运行。
现在我们准备在开发模式下运行我们的Svelte网站，通过运行
这将在默认情况下，在5000端口的localhost上启动该应用程序。
如果你把浏览器指向那里，你会看到 "Hello world！"的例子。
你现在可以在你喜欢的编辑器中打开代码了。src 文件夹包含了你需要调整应用程序的所有内容：main.js 文件。
这个文件是入口点，在本例中初始化App组件，它被定义在App.svelte ，是一个单文件组件。
<script>
export let name;
</script>
<style>
h1 {
color: purple;
}
</style>
<h1>Hello {name}!</h1>
如果你熟悉Vue.js，这是个类似的概念。你在一个单一的.svelte 文件中为每个组件定义标记、样式和JavaScript。
