WebStorm 中的 ReactJS 工作流

Question

Intellij for Java 的忠实拥护者（喜欢它并且喜欢快捷方式）。

尝试将 WebStrom 用于 ReactJS。

• 是否可以进行任何其他调整？
• 如何在不复制/粘贴的情况下快速创建新的 React 类，捷径是什么？
• 如何快速浏览课程？
• 如何轻松使用导入，例如需要在我键入时快速了解我的项目结构吗？
• 如何从 Webstorm 构建 gulp ？

谢谢， 彼得

Answer 1

• 在Settings/Languages&Frameworks/JavaScript 中将Javascript language version 设置为'JSX harmony'，确保react.js 在您的项目中可用（或配置为库）
• 我可以建议创建相应的实时模板 (Settings/Editor/Live Templates)
• 导航/符号
• 没有提供自动导入功能。您可以获得的唯一帮助是路径完成
• 见http://blog.jetbrains.com/webstorm/2014/11/gulp-in-webstorm-9/

Answer 2

1. 请尝试jetbrains-react 实时模板。它们真的很有用。
2. 要使用类型化的参数信息来增强代码完成，请添加一个 TypeScript 定义文件。 转到首选项 |语言和框架 | JavaScript |库，点击下载...，搜索react，然后点击下载并安装。您还可以下载所有相关的 React 库，例如 redux、react-redux 等
3. 在this 博客文章中查看WebStorm 提供的所有React 编码帮助。

还要确保使用最新的 Webstorm 2016.2，因为它提供了对 React 的增强支持。