reactjs - Visual Studio 2015 中更好的 ES6/ES7 React 支持?可能使用 TypeScript?

标签 reactjs typescript visual-studio-2015 ecmascript-6 ecmascript-2016

与 Babel/Sublime(或 Atom、VS Code 等)相比,Visual Studio 2015 对带有 React 的 ES6/ES7 语法的支持有一些明确的限制。具体来说,我试图在 JSX 文件中实现对 ES6 导入/导出和 ES7 装饰器和类属性的“支持”,而不关闭 Visual Studio 2015 中的 JS 调试/智能感知(.NET 4.5 项目不是版本 5)。

我发现了一些有用的东西,比如这个 hack到 VS 用来解析 JSX 的节点服务器(并且正在努力修改它以使用 Babel,但该方法已经遇到了一些问题)。

我已经下载了节点工具,打开了 ES6 智能感知预览,并安装了 TypeScript 1.7.6。

所以,它更好,但仍然有太多限制。

看起来 Microsoft 正在将其大部分 JSX 支持注入(inject) TypeScript。虽然我认识到 TypeScript 的一些好处,但在这一点上,我不想用 TypeScript 编写我的 JSX,但据我了解,有效的 JS 就是有效的 TypeScript,如果我能实现更好的 React/ES6/ES7 支持现在(或将来)通过将我的文件的扩展名从 JS/JSX 更改为 TS/TSX,很好;然而,当我尝试这样做时,Visual Studio 2015 立即开始提示我的 JSX 语法中缺少类型定义和显式类型。你能关掉这些吗?

换句话说,无论如何告诉 Visual Studio 2015“像 TypeScript 一样突出显示这个文件,提供一些基本的语法验证,一些不错的智能感知,但不要担心构建、源 map 或其他任何东西”(我正在使用 webpack为此)?

明确地说,我的问题是“如何在 Visual Studio 2015 中使用 React 实现绝对最佳的 ES6/ES7 支持”,因为我的问题是我有一个 .NET 4.5 MVC 应用需要构建,前端需要是“现代”ES6/ES7 React。

如果有其他方法可以解决我的问题(比如使用 VS Code + Mono——需要 .NET 5+),或者如果您对如何最好地回答上述问题有任何建议,我们将不胜感激。提前感谢您提供的任何帮助!

最佳答案

到目前为止我发现的最好的事情是 hack Visual Studio 的节点服务器并使用此 plugin我用 Webpack 编写调试。

关于reactjs - Visual Studio 2015 中更好的 ES6/ES7 React 支持?可能使用 TypeScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35061093/

相关文章:

javascript - 如何在React的render()中导航到react-router-1.0.3中的组件之外?

javascript - 有没有办法根据 firebase 角色保护 url?

typescript - Webpack typescript 热重载未编译

javascript - 检测泛型类型参数是否具有 id 属性?

c# - 从 Visual Studio 2015 输出窗口过滤自定义消息

c++ - 如何读取 .obj 文件?

ASP.NET 5 vNext,缺少 using 指令或程序集引用 CS0246

javascript - ant-design select 样式不正确

javascript - 如何在一个 thunk 函数中处理多个调用?

javascript - Angular 6显示经过 sanitizer 的背景图像