不和大家賣關(guān)子，這次給大家?guī)淼氖俏④涺昔吻皫滋靹偼瞥龅男峦嬉猓?/p>

Try.Net 它的官網(wǎng)長這樣

image.png

微軟粑粑還提供了一個測試的環(huán)境：測試環(huán)境小伙伴們可以自己去動手寫寫試試

image.png

有的小伙伴可要說了。瀏覽器上運行C#代碼以前不就可以嘛，然后啪啪啪告訴我?guī)讉€網(wǎng)站：C#Pad,dotnetfiddle。
重點來啦 ：Tyr.Net他的功能可不只是用來在瀏覽器上測試代碼。我這里大致的和大家講幾點功能

1.在你的網(wǎng)站中嵌入你的代碼并進行調(diào)試

可能你現(xiàn)在有這樣的一個困惑，你在做一個學習網(wǎng)站，但是教程中的一些示例代碼你只能手動復制到本地的VS中然后進行調(diào)試開發(fā)（這里有個微軟的案例給大家一些靈感點我跳轉(zhuǎn)記得進入后點擊右邊的“進入焦點模式”）?，F(xiàn)在不用了，有了Try.Net，你只需要在你的網(wǎng)站中添加一段JS代碼就能進行調(diào)試，而且代碼的嵌入支持多種方式：

• 通過GitHub方式可以很方便的把你在Gist中的代碼片段嵌入到當前瀏覽器中
  比如官網(wǎng)的例子像這樣

<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>

• 通過自定義的方式設(shè)置你自己的代碼片段

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

我的介紹差不多就這么多。當然還有許多我還沒講到的功能和用途。比如官網(wǎng)說還能支持在線調(diào)試和聯(lián)調(diào)，這我還沒研究。有興趣的小伙伴可以自己去官網(wǎng)上面去看看文檔。

最后我再附上他的Git地址：點我跳轉(zhuǎn)以及他的使用教程點我跳轉(zhuǎn)

微信關(guān)注我哦！(轉(zhuǎn)載注明出處)

關(guān)注我哦

個人博客地址：點擊跳轉(zhuǎn)