Svelte简介及项目创建

什么是Svelte

Svelte用于构建快速的Web应用，类似 React 和 Vue，都致力轻而易举地构建灵活的可交互的用户界面

与React 和 Vue不同的是：Svelte在构建时将代码转为更优的JavaScript，而不是在运行时才解释执行代码

Svelte更像一个Javascript编译器，将代码编译成经过优化的原生Javascript代码

这预示着无需付出框架本身的性能成本，且首次加载也无额外性能损耗

由于Svelte的功能类似于一个编译器，就意味着不可能像其他框架那样在HTML中直接使用script标签引用来使用，必须创建对应的项目，编写完成后经过Svelte编译成优化后的原生Javascript代码后才能使用

Svelte官方网站

创建Svelte项目

使用官方的项目包

npm create svelte@latest svelte-app

运行命令后将会使用官方的Sveltekit框架进行项目创建，实际创建的是一个Sveltekit项目

使用vite创建项目

npm create vite@latest svelte-app
选装svelte和要使用的语言即可

或者直接指定框架和语言

npm create vite@latest svelte-app -- --template svelte/svelte-ts

创建项目后不要忘记cd进入项目后“npm i”安装依赖

当然还可以使用Webpack、Browserify等工具创建项目，这里就不一一列举了，毕竟vite才是未来嘛，哈哈