尝鲜少代码高性能的Svelte框架

简介：Svelte 是一种创新的用户界面构建方式。与传统框架如 React 和 Vue 不同，Svelte 在编译应用程序时处理大部分工作，而非在浏览器中。

Svelte 不依赖于虚拟 DOM diffing 技术，而是编写代码在应用程序状态变化时直接更新 DOM。

本教程将指导您如何使用 Svelte-CLI 和云开发平台从零开始构建应用。

一、搭建本地开发环境

degit 是一个从 git repos 中创建项目的工具。全局安装后，您可以启动一个新项目。

Svelte 提供了命令行界面，但不建议用于生产环境。CLI 会将组件编译为独立的 JavaScript 文件，但不会在它们更改时自动重新编译，也不会删除共享代码。请使用其他方法。

如果您已全局安装 Svelte，则可以使用 svelte --help 获取完整的选项列表。一些常见操作示例如下：

您也可以使用 npx 使用 CLI，而无需全局安装 Svelte — 只需在命令前加上 npx：npx svelte compile ...

二、启动应用服务器

进入工作区目录，并启动应用。

npm run dev 命令会构建应用、启动开发服务器、监听源文件，并在文件变化时重新构建应用，同时打开浏览器，访问 localhost:8080/。

三、云开发平台一键部署 Svelte

云开发平台为 Svelte 开发者提供了一站式全云端开发平台，让您可以打开浏览器完成开发、调试、上线。平台底层调用阿里云 Serverless 产品，实现低门槛开发、部署、调试，降低开发上手成本，让 Svelte 应用一键快速部署！

一、创建环境

想要一键部署 Svelte，需要以下账号和服务：

二、创建 Svelte 应用

填写基本信息，完成创建。成功后进入应用详情和部署界面。

三、在日常环境部署阿里云开发平台多端应用

框架无论是日常工作、学习都会涉及到的领域，选择适合自己的应用不仅能提高操作顺畅度，还能带来愉悦的心情。

云开发平台提供多种框架，如 Vue.js、React、Nuxt.js、Next.js、AntDesign 等，以及内容管理平台如 Hexo、Docusaurus、VuePress、Sapper 等。选择一个感兴趣的应用进行部署，会发现线上部署应用就像在手机上下载 APP 一样简单、快速。

云开发平台还有一些小游戏帮助缓解心情，如头像生成器、2048 等。玩着自己部署的应用，成就感加倍。如果不喜欢游戏的整体布局、颜色等，也可以根据云开发平台部署的经验修改、部署，打造专属游戏。