超级程序猿程序员.NET

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

2019-01-16  本文已影响29人  邵佳楠

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

Try.Net 它的官网长这样

image.png

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

image.png

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

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

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

<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地址:点我跳转以及他的使用教程点我跳转

上一篇下一篇

猜你喜欢

热点阅读