svelte

最新推荐文章于 2024-05-22 09:34:45 发布
最新推荐文章于 2024-05-22 09:34:45 发布
阅读量408 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40257538/article/details/114367587
版权

1  项目创建很简单  

npx degit sveltejs/template svelte-bookshop

 

 2  用法可以看官方示例

    和vue 或者php 嵌套的方式很像  但是 一个脚手架 的框架使用我们急需 两个东西 一个是 组件库  一个是路由

   svelte-material-ui  组件库

   svelte-routing 路由的使用

    两个都说明了他的用法  其中 svelte-material-ui 相对来说比较复杂 这里需要注意的是他的官方示例 第一个是webpack 的  而我们这种创建的是rollup的 所以要看第二个示例

3  不知道由于什么原因导致monaco-editor esm方式不能引入 要使用min版本的本地引入

  基础用法等有其他人或者文章已经 写过了  我就不详写了

小小程序员洋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
谈谈魔法消失UI框架 Svelte
mashibing_web的博客
11-05 1698
最近基于公司业务需求，可能会要开发一款浏览器插件，调查后发现插件UI开发本质上就是开发页面。于是我便开始寻找一个非常小又非常快的新玩具(工具)。毕竟前端 3 大框架无论哪一个去开发浏览器插件都无异于大炮打蚊子。至于开发效率极低的 Dom 操作我也不想去碰了。于是我就找到了这个已经在国外非常火热的魔法消失 UI 框架 ——Svelte。 Svelte是什么 Svelte是一个编译型的前端组件框架。该框架没有使用虚拟 dom，而是通过编译在应用状态发生改变时提供异步响应。 编译型框架 任何前端框架都..
MaterialUI中文使用指南
m0_37964621的博客
03-11 9056
目录MaterialUI安装简单使用指南主要使用的组织社区地址许可证类型常用组件介绍Avatar小览属性列表样式属性 MaterialUI ReactUI组件库，用于快速构建界面和设计系统。官网默认版本为v4.11.1(截止到2021年3月11日)。 安装 支持使用npm或者使用CDN加载。 npm npm install @material-ui/core CDN 加载Roboto字体 <link rel="stylesheet" href="https://fonts.googleapis.co
svelte-ui：基于svelte3桌面pc版组件库
码农ICoding
08-17 4474
svelte-ui 一款精美轻量级的桌面UI组件库。基于svelte3.x开发，功能效果比较接近elementUI组件库。
Svelte-Ui-Admin基于svelte-ui中后台管理系统|Svelte3+Vite3后台框架
码农ICoding
09-17 4426
Svelte Ui Admin一款高颜值基于svelteKit+svelteUi开发的中后台管理系统。
推荐开源项目：Svelte-HeadlessUI，打造无障碍且高效的Svelte组件库
最新发布
gitblog_00075的博客
05-22 419
推荐开源项目：Svelte-HeadlessUI，打造无障碍且高效的Svelte组件库 项目地址:https://gitcode.com/CaptainCodeman/svelte-headlessui 在前端开发的世界里，高效和轻量级的库总是备受瞩目。今天，我们来谈谈一个为Svelte框架精心设计的组件库——Svelte-HeadlessUI，它是Tailwind HeadlessUI的一个非官...
Svelte项目上手总结，全是大坑（想上手的建议直接上svelte kit）
薛定谔的猫的博客
06-16 5251
Svelte 中文文档 | Svelte 中文网https://www.sveltejs.cn/GitHub - ItalyPaleAle/svelte-spa-router: Router for SPAs using Svelte 3Router for SPAs using Svelte 3. Contribute to ItalyPaleAle/svelte-spa-router development by creating an account on GitHub.https://github.
Svelte
03-18
**Svelte：构建高效前端应用的新锐框架** Svelte 是一个现代的前端JavaScript框架，以其极小的体积和高效的编译时优化而受到开发者们的喜爱。它的核心理念是将复杂的运行时逻辑在编译阶段转化为优化过的原生...
svelte-docs：使用Svelte和Markdown的简单文档模板
02-23
**Svelte概述** Svelte是一个轻量级的前端JavaScript框架，以其高效的编译时优化而闻名。它将复杂的UI逻辑转换为简单的JavaScript代码，从而在运行时提供更快的性能。Svelte通过消除运行时库来实现这一点，这使得...
svelte-tetris
03-13
由Svelte和Akita共同打造的童年记忆俄罗斯方块游戏。 表中的内容 工作游戏 查看工作游戏-> 游戏有声音，穿上你的 :headphone: 或打开你的 :speaker_high_volume: 以获得更好的体验。 支持 如果您喜欢我的工作，...
svelte-datepicker:用 Svelte 编写的轻量级日期选择器
08-05
Svelte 套件支持 由于 dayjs 的打包方式，需要以下配置才能使其与 SvelteKit 一起使用： const config = { kit : { target : "#svelte" , vite : { ssr : { noExternal : [ 'dayjs' ] , } } } } 用法 请...
vite-plugin-svelte:适用于http的Svelte插件
03-25
vite-plugin-svelte 这是的官方插件 配套 包裹 变更日志 有问题吗？ / 需要帮忙？ 加入 开发vite-plugin-svelte 开发者 运行pnpm i进行安装 在packages/vite-plugin-svelte运行pnpm dev来自动packages/vite-plugin...
svelte-material-ui：Svelte材质UI组件
02-03
基于的Svelte 3 Material UI组件库。 演示版 安装 您应该单独安装软件包。 或者，您可以使用svelte-material-ui软件包一次安装所有它们。 # Install the packages individually. npm install --save-dev @smui/button npm install --save-dev @smui/card # ... # Or, you can install this to get them all. npm install --save-dev svelte-material-ui 移民 如果您要从旧版本的SMUI升级到较新的版本，可能需要查看。 用法 请查看和以获取示例。 要将其捆绑在您自己的代码中，请使用Sass处理器（不是Sass Svelte预处理器，而是Sass处理器）。 SMUI index.js文件导入Sass文件，并且它们需要由处理器进行编译。 *.svelte文件不包含任何Sass或CSS，因此不需要Svelte预处理程序。 另外，您可以从不包含任何样式的bare.js文件中导入。
svelte-materialify：Svelte的Material UI设计组件库，受到vuetify的极大启发
02-03
物化 目前正在积极开发中 Svelte更好的Material UI设计框架，全面支持明/暗主题和可定制性。 这仍在开发中。 要做出贡献，请阅读并打开PR。 当前有50多个不同的组件，更多的组件计划很快推出。 网站 网站位于 ，它仍在开发中。 安装 请参阅如何为首选框架svelte materialify （svelte / sapper / routify） 。 支持 有关帮助和支持的问题，请加入我们的。 问题仅应用于报告错误和建议功能/增强功能。 贡献 感谢您抽出宝贵的时间做出贡献，您应该先阅读和《 。 变更日志 列出了每个版本的详细更改。 谢谢： 为 。
svelte-uikit-components:Svelte的UIkit组件
05-14
苗条的应用程序 这是应用程序的项目模板。 它位于 。 要使用基于此模板创建一个新项目： npx degit sveltejs/template svelte-app cd svelte-app 请注意，您将需要安装 开始吧 安装依赖项... cd svelte-app npm install ...然后启动： npm run dev 导航到 。 您应该看到您的应用正在运行。 在src编辑组件文件，将其保存，然后重新加载页面以查看所做的更改。 默认情况下，服务器将仅响应来自本地主机的请求。 要允许来自其他计算机的连接，请编辑package.json中的sirv命令以包括选项--host 0.0.0.0 。 以生产模式构建和运行 要创建应用的优化版本，请执行以下操作： npm run build 您可以使用npm run start运行新构建的应用npm run start 。
svelte-material：用于Svelte.js的模块化和可自定义的Material Design UI组件
02-04
Svelte.js的材料组件 svelte-material按照集成了MDC-Web香草组件。 基于出色的 工作正在进行中 稍后检查...
material-ui：Material-UI是一个简单且可自定义的组件库，用于构建更快，更美观，更易于访问的React应用程序。 遵循您自己的设计系统，或从材料设计开始
02-03
材料UI 快速构建漂亮的应用程序。 Material-UI是一个简单且可自定义的组件库，用于构建更快，更美观，更易于访问的React应用程序。 遵循您自己的设计系统，或者从开始。 安装 Material-UI作为。 // with npm npm install @material-ui/core // with yarn yarn add @material-ui/core :warning_selector: 所有正在进行的工作已移至v5。 v4的开发仅限于重要的错误修复，安全补丁以及简化了向v5的升级途径。 // with npm npm install @material-ui/core@next @emotion/react @emotion/styled // with yarn yarn add @material-ui/core@next @emotion/react @emotion/styled 旧版本 （ ） （ ） 请注意， @next仅指向预发行版本； 要获取最新的稳定版本，请使用@latest 。 谁赞助Material-UI？ 钻石 :gem
如何安装svelte_如何在svelte中创建路由器
weixin_26722099的博客
09-01 1469
如何安装svelte斯威特(SVELTE) In Single Page Applications, for example when we are using a JavaScript framework (as our beloved Svelte), we need to provide a method for our users to navigate between sections ...
前端Svelte框架初体验
xiangzhihong8的专栏
07-28 4103
Svelte是一个新兴的热门前端框架，作者是RichHarris，被称为前端界的【轮子哥】，有Ractive、Rollup和Buble开源作品。在官方的介绍中，Svelte即是一个前端UI框架，同时也是一个编译器。在《StateofJSsurveyof2020》报告中，它被预测为未来十年可能取代React和Vue等其他框架的新兴技术。在开源托管网站Github上，Svelte也获得了超过61k的关注，这仅次于明星框架React和Vue。...
Svelte 原理浅析与评测
奇舞周刊
12-28 1028
简介Svelte 是一个构建 web 应用程序的工具，与 React 和 Vue 等 JavaScript 框架类似，都怀揣着一颗让构建交互式用户界面变得更容易的心。但是有一个关键的区别：...
SVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等
12-25
"SVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等" 在前端开发领域，Svelte 是一个备受关注的轻量级框架，以其高性能和简洁的语法著称。本文将深入探讨Svelte的基础能力，包括响应式编程、状态管理以及与...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值