WebStorm 中的 ReactJS 工作流

IT技术 javascript intellij-idea requirejs reactjs webstorm
2021-04-26 23:14:01

Intellij for Java 的忠实粉丝(喜欢它并喜欢捷径)。

尝试使用 WebStrom for ReactJS 解决问题。

  • 是否有任何额外的调整可以完成?
  • 如何在不复制/粘贴的情况下快速创建新的react类,捷径是什么?
  • 如何快速浏览课程?
  • 如何轻松使用导入,例如需要在我输入时快速了解我的项目结构?
  • 如何从 Webstorm 构建 gulp?

谢谢,彼得

2个回答
  • 设置Javascript language version'JSX harmony' in Settings/Languages&Frameworks/JavaScript,确保 react.js 在您的项目中可用(或配置为库)
  • 我可以建议创建相应的实时模板 ( Settings/Editor/Live Templates)
  • 导航/符号
  • 没有提供自动导入功能。您可以获得的唯一帮助是路径完成
  • http://blog.jetbrains.com/webstorm/2014/11/gulp-in-webstorm-9/
  1. 请尝试jetbrains-react实时模板。它们真的很有用。
  2. 要使用类型化参数信息增强代码完成功能,请添加一个 TypeScript 定义文件。转到首选项 | 语言和框架 | JavaScript | ,单击下载...,搜索react并单击下载并安装您也可以下载所有相关的react库一样reduxreact-redux
  3. React博客文章中查看WebStorm 提供的所有编码帮助

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