React和Visual Studio 2013是一個很好的組合嗎？

Question

我正在從頭開始編寫一個全新的應用程序，這一直是查看一些新的時尚技術的一個很好的借口。 我對這個項目的選擇是ReactJS。

我們是微軟的商店，所以我們的后端都是C＃和.NET，我們使用Visual Studio 2013.前端可以是我選擇的任何東西。

我做的第一件事是閱讀ReactJS教程 ，這似乎是直截了當的。 但是，第一件事就是我在實際上沒有實際有效的JavaScript中的JavaScript。 經過進一步調查，它似乎是基於某種稱為Babel的模板技術，它是一種JavaScript編譯器（或更准確地說是變換器），用JavaScript編寫。 這可以在Web瀏覽器中運行，也可以在服務器上運行，作為某種構建步驟。 顯然，出來的將是有效的JavaScript。 這似乎會導致Visual Studio 2013中的各種問題。

我想盡可能地遵循教程，我想我會跳過所有服務器端的東西，只是在客戶端上運行Babel。 我首先為這些庫尋找一個NuGet包，但找不到任何包。 Babel網站稱使用ReactJS.Net軟件包 。 這個包似乎是針對JSX文件的服務器端編譯，並且不包含可以在客戶端使用的.js文件。 我決定試驗這條路線，但是當我創建一個.JSX文件時，一切都只是白色文本，沒有語法高亮，代碼完成，智能感知等等.Visual Studio可以追溯到黑暗時代。 我無法以這種方式完成任何工作。

雖然很難說，但我仍然不知道如何實際下載Babel。 他們網站上的所有內容都指向某種包管理器。 我最終只是手動鏈接到https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js所以我可以繼續做下去。

接下來，我嘗試鏈接到一個名為example.js的腳本，這樣我就可以編寫一些代碼了。 在MVC / Razor中，您可以使用@Scripts.Render("~/bundles/example")來包含<script>標記，但是似乎沒有將type屬性設置為text/babel 。 所以，現在我無法利用框架的酷腳本捆綁功能。

擰緊它，我只是在頁面中嵌入腳本：

<script type="text/babel">
  // I'll just write my code here
</script>

但是，現在Visual Studio的所有語法高亮，文檔格式和Intellisense功能都完全失控。 縮進級別搞砸了，幾乎沒有任何東西可用。

好的，這篇文章太長你的問題是什么？

所以我的問題是人們是否將Visual Studio與React一起使用，如果他們找到了一種方法來設置環境和IDE，他們仍然可以利用Visual Studio的強大功能，並在生產中使用React方式。 如果是這樣，我很想聽聽您的設置說明。 您使用的是任何類型的Visual Studio插件嗎？ 你在服務器或客戶端上運行Babel嗎？ 也許人們只是不使用Babel直接寫入Javascript Babel最終會產生的東西？ 感謝您提供任何信息或建議！

Answer 1

我正在使用visual studio的Task Runner擴展（在使用VS2015時內置）它管理我的Gulp任務並使用我的JS代碼babel構建。 它是非常簡單和有用的，它在視覺工作室上打開解決方案時運行監視任務，我讓他們提供一個ui來運行你在gulpfile \\ gruntfile中可用的所有任務。

總結一下 - 我推薦Visual Studio的Task Runner擴展。