📜  苗条 |介绍与安装

📅  最后修改于: 2022-05-13 01:56:18.403000             🧑  作者: Mango

苗条 |介绍与安装

Svelte是创建 Web 应用程序的新方法。它可以用在一小部分代码或整个单页应用程序中。它是一个编译器而不是一个框架,它比其他 JavaScript 库(如ReactJSAngularJSVueJS )更快。它用于创建反应式Web 应用程序。如果数据发生任何变化,该变化将立即反映在页面上。它还用于快速应用程序开发 (RAD)意味着快速生成最少编码的软件应用程序。它用于网络优化。但它不使用虚拟 DOM ,这使得它与其他的不同。它是由Rich Harris编写的免费和开源的。 Svelte 在执行时将您的生产代码编译到vanilla JavaScript 包中。如果您通过 Internet 部署应用程序,那么您不需要像我们在其他库中那样部署 Svelte 。这就是为什么它会导致快速执行。

先决条件:在安装或开始在 Svelte 上工作之前,我们必须确保系统中可用的东西很少。

  • 任何文本编辑器(例如 vs 代码、Atom 等)
  • NodeJS 安装在您的系统中:
    1. 在 Windows 上安装 Node.js
    2. 在 Linux 上安装 Node.js

安装 Svelte:现在我们准备安装 Svelte。

  • 第 1 步:打开命令提示符或终端并安装一个名为degit的包,这使我们可以轻松地从 github 存储库中克隆最新的提交。
npm install -g degit

  • 第2步:现在在桌面上创建一个目录并运行以下命令。数字转到存储库(sveltejs)找到模板并在名为 myproject 的项目中为我们下载到本地。
degit sveltejs/template myproject

  • 第 3 步:项目已创建,现在在文本编辑器中打开它。在src 文件夹中,我们有main.js文件,用于执行我们的 svelte 应用程序App.svelte是我们应用程序的根组件,而package.json文件包含需要安装的所有依赖项。

  • 第 4 步:现在安装所有依赖项,确保您位于“myproject”目录中。
npm install
  • 第 5 步:现在创建一个本地开发服务器来运行我们的应用程序。
npm run dev

  • 第6步:现在点击上面的链接,应用程序将在浏览器中打开。