首页 > 其他分享 > 推荐一款在浏览器编辑`Blazor`的`IDE`

推荐一款在浏览器编辑`Blazor`的`IDE`

时间:2023-01-24 00:22:06浏览次数:60  
标签:浏览器 编译 编辑 组件 Blazor IDE

不知道是否有Blazor用户羡慕过React或者Vue用户,在一些组件库中,它们就提供了在当前的组件预览对于组件的实时编辑并且预览?

比如semi-design的这种

在比如codepen这种

由于Blazor的诞生时间对比现有的前端来说太短了,以至于这种在线编译的基本没有,

有时候在写界面的时候调试也是一种痛苦,导致Blazor用户痛苦连篇,所以我在这个您是否也有想在浏览器中实时的编辑代码并且渲染的想法? - tokengo - 博客园 (cnblogs.com)博客下继续开发,在基于OpenSumi一个开源的Ide结合开发

实现了在浏览器编辑razor代码并且和好的看到效果,效果如下:

可能有些人看着界面有些不太清楚如何使用

下面是使用的流程:

您也可以去Github获取代码修改,并且商用,它是开源的,协议是 Apache-2.0 license ,如果您有什么更好的项目,或者合作,可以与我们联系,目前项目只集成了Masa Blazor,也欢迎PR其他组件的支持!

希望大家可以一块推广Blazor,让更多人去了解Blazor

目前我已经写过Blazor的一些相关的文档:

这些是之前对于Blazor的一些经验和一些技术分享,您有更好的技术和经验分享也可以一块交流
希望Blazor更好的发展

如果您对于IDE有更多的项目也可以联系我一块交流学习

再次分享一下目前的一些Blazor组件库:

(Masa Blazor)[https://docs.masastack.com/blazor/getting-started/installation]
(Bootstrap Blazor)[https://www.blazor.zone/]

IDE项目示例:
Blazor Code
您也可以在Gitee或者Github中下载Window应用程序版本 ,在体验上应用程序的体验会比WebAssembly更好,因为应用程序会使用本机的程序执行编译效果,
Blazor.Code: 支持Blazor动态编译 可以在webassembly下运行编译 内置Masa组件 (gitee.com)

Blazor Code

一个热爱学习的token

qq交流群:737776595

标签:浏览器,编译,编辑,组件,Blazor,IDE
From: https://www.cnblogs.com/hejiale010426/p/17065716.html

相关文章

  • SAP Corbu Theme 在浏览器和 SAPGUI 应用中的使用场景
    SAPCorbuTheme是一种清新、现代且独特的视觉标识。它以瑞士建筑师兼设计师Charles-ÉdouardJeanneret,又名LeCorbusier的名字命名。该设计有意保持中立,以与各种遗......
  • Basic Linux User Guide
    NormalUbuntuUserGuide!ConceptsEverythingisfile.Opensource.Usefulknowledge.desktopfile-shorticonA.desktopfileissimplyashortcutthat......
  • 在idea项目中已创建包
    提问: 已经在idea中已经创建了一个包了,如何再创建一个包?我自己尝试过创建,但是没有显示出来。但是,重新再创建一个一样的包显示无法创建。解答:    同名的包肯定是不......
  • 无法加载文件 C:\Users\Administrator\Desktop\spider01\venv\Scripts\activat
    遇到问题原因Restricted(防止运行没有数字签名的脚本),要设置成remotesigned模式解决方案输入get-executionpolicy以管理员的方式打开Powershall运行,并在命令窗......
  • Blazor如何实现类似于微信的Tab切换?
    是否有小伙伴在使用tab的时候想进行滑动切换Tab?并且有滑动左出左进,右出右进的效果,本文将讲解怎么在Blazor中去通过滑动切换Tab本文中的UI组件使用的是MASABlazor,您也......
  • nginx http2 导致safari浏览器XMLHttpRequest cannot load错误
    环境说明nginx:1.22.0safari:13+curl:7.68.0ubuntu:20.04问题说明[Error]Thenetworkconnectionwaslost.[Error]XMLHttpRequestcannotloadxxxduetoaccesscon......
  • 2023年哪款手机浏览器比较好用,最后一个吹爆它
    很多人不满足于手机自带的浏览器,为了更好地满足看视频、浏览网页、看小说等需求,不少人下载第三方手机浏览器来使用。我们都知道,手机浏览器是手机不可缺少的APP之一。那么,202......
  • Blazor如何实现类似于微信的Tab切换?
    是否有小伙伴在使用tab的时候想进行滑动切换Tab?并且有滑动左出左进,右出右进的效果,本文将讲解怎么在Blazor中去通过滑动切换Tab本文中的UI组件使用的是MASABlazor,您也......
  • cpp operator override = and ==
    //book.h#pragmaonce#ifndef__book_h__#define__book_h__#include<functional>#include<iostream>classbook{public:book(conststd::uint64_t&idx......
  • js浏览器录制屏幕
    <!DOCTYPEhtml><html><head><metacharset="utf-8"></head><body><buttontype="button"onclick="recordScreen()">Start</button><buttontype="bu......