C#程序员又新添帮手:能更方便的在浏览器上运行C#代码啦

  • 时间:2019-01-19 18:38 作者:邵佳楠 来源:邵佳楠 阅读:577
  • 扫一扫,手机访问
摘要:不和大家卖关子,这次给大家带来的是微软粑粑前几天刚推出的新玩意:Try.Net 它的官网长这样image.png微软粑粑还提供了一个测试的环境:测试环境小伙伴们可以自己去动手写写试试image.png有的小伙伴可要说了。浏览器上运行C#代码以前不即可以嘛,而后啪啪啪告诉我几个网站:C#Pad,

不和大家卖关子,这次给大家带来的是微软粑粑前几天刚推出的新玩意:

Try.Net 它的官网长这样

image.png

微软粑粑还提供了一个测试的环境:测试环境小伙伴们可以自己去动手写写试试

image.png

有的小伙伴可要说了。浏览器上运行C#代码以前不即可以嘛,而后啪啪啪告诉我几个网站:C#Pad,dotnetfiddle。
重点来啦 :Tyr.Net他的功能可不只是用来在浏览器上测试代码。我这里大致的和大家讲几点功能

1.在你的网站中嵌入你的代码并进行调试

可能你现在有这样的一个困惑,你在做一个学习网站,但是教程中的少量示例代码你只能手动复制到本地的VS中而后进行调试开发(这里有个微软的案例给大家少量灵感点我跳转记得进入后点击右边的“进入焦点模式”)。现在不用了,有了Try.Net,你只要要在你的网站中增加一段JS代码就能进行调试,而且代码的嵌入支持多种方式:

  • 通过GitHub方式可以很方便的把你在Gist中的代码片段嵌入到当前浏览器中
    比方官网的例子像这样
<h2>Fibonacci Generator</h2><p>Here is my example of a Fibonacci generator implemented in C#.</p><iframe src="https://try.dot.net/?fromGist=df44833326fcc575e8169fccb9d41fc7"></iframe>
  • 通过自己设置的方式设置你自己的代码片段
function setCode() {    postMessageToEditor({        type: "setWorkspace",        workspace: {            workspaceType: "script",            buffers: [{                id: "Program.cs",                content: "Console.WriteLine(\"Hello World!\");"            }]        },        bufferId: "Program.cs"    });}function postMessageToEditor(message) {    document.getElementById('example-iframe').contentWindow        .postMessage(message, "https://try.dot.net");}
效果图

2.代码编辑器还支持主题的切换

比方我不喜欢黑色背景,使用下面代码就能切换成白色

function setDefaultTheme() {    postMessageToEditor({        type: "configureMonacoEditor",        theme: "vs"    });}function postMessageToEditor(message) {    document.getElementById('example-iframe').contentWindow        .postMessage(message, "https://try.dot.net");}
白色主题

3.几乎和VS一模一样的代码和错误提醒以及代码折叠功能

如下图中代码我进行了折叠


折叠

同时上面using System.Linq;命名空间我未使用到,他也给了我智能的提醒,这些都是几乎和vs一模一样的操作


image.png

我的详情差不多就这么多。当然还有许多我还没讲到的功能和用途。比方官网说还能支持在线调试和联调,这我还没研究。有兴趣的小伙伴可以自己去官网上面去看看文档。

最后我再附上他的Git地址:点我跳转以及他的使用教程点我跳转

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】通义万相wan2.2本地部署要求有哪些?通义万相wan2.2怎么本地部署(2025-10-21 04:05)
【系统环境|】Vue3 页面卡顿严重?7 个实战技巧让渲染速度飙升 80%!(2025-10-21 04:01)
【系统环境|】前端小白 2 周 Vue3+TS+NaiveUI 学习计划大纲(2025-10-21 04:00)
【系统环境|】Vue3 入门指南: 深入理解 Setup 函数(2025-10-21 03:59)
【系统环境|】2024前端面试真题之—VUE篇(2025-10-21 03:58)
【系统环境|】搞懂Vue3的toRefs与toRef:响应式对象的解构(2025-10-21 03:55)
【系统环境|】三.不定词副词的用法(2025-10-21 03:53)
【系统环境|】歌曲中汉字的信息量真的是吊打英语(2025-10-21 03:52)
【系统环境|】跟着《肖申克的救赎》学英语(002)--安迪法庭受审(2025-10-21 03:52)
【系统环境|】词根词缀-前缀1-27: de-(2025-10-21 03:50)
手机二维码手机访问领取大礼包
返回顶部